:root {
  color-scheme: dark;
  --color-paper: oklch(0.17 0.025 250);
  --color-paper-2: oklch(0.205 0.028 250);
  --color-ink: oklch(0.96 0.004 250);
  --color-ink-2: oklch(0.77 0.032 250);
  --color-rule: oklch(0.32 0.033 250);
  --color-accent: oklch(0.78 0.095 245);
  --color-focus: oklch(0.86 0.09 245);
  --bg: var(--color-paper); --panel: var(--color-paper-2);
  --ink: var(--color-ink); --muted: var(--color-ink-2);
  --line: var(--color-rule); --gold: var(--color-accent);
  --font-display: Thai, Arial, sans-serif; --font-body: Thai, Arial, sans-serif;
  --space-3xs: .25rem; --space-2xs: .5rem; --space-xs: .75rem;
  --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2rem;
  --space-xl: 3rem; --space-2xl: 4.5rem; --space-3xl: 7rem;
  --text-xs: .75rem; --text-sm: .875rem; --text-md: 1.125rem;
  --text-lg: 1.375rem; --text-xl: 1.75rem; --text-2xl: 2.25rem;
  --ease-out: cubic-bezier(.2,.8,.2,1);
}