/* Scene: a player takes a quiet puzzle break on a phone in daylight; warm paper and forest ink keep the board calm and legible. */
:root {
  color-scheme: light;
  --color-page: oklch(97.2% .012 98);
  --color-surface: oklch(99% .008 100);
  --color-muted: oklch(93% .018 128);
  --color-board: oklch(88% .03 135);
  --color-ink: oklch(32% .043 162);
  --color-secondary: oklch(43% .029 152);
  --color-brand: oklch(39% .06 159);
  --color-brand-hover: oklch(32% .06 159);
  --color-on-brand: oklch(98% .01 98);
  --color-accent: oklch(91% .13 122);
  --color-border: oklch(58% .038 145);
  --color-focus: oklch(44% .12 239);
  --color-error: oklch(39% .12 27);
  --color-correct: oklch(90% .065 130);
  --color-gap: oklch(80% .035 149);
  --color-shadow: oklch(27% .045 160 / .10);
  --font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-small: .8rem;
  --font-body-size: 1rem;
  --font-label: 1.25rem;
  --font-heading: 1.563rem;
  --font-title: 1.953rem;
  --font-display: 2.441rem;
  --font-board: 1.563rem;
  --weight-normal: 400;
  --weight-bold: 700;
  --line-body: 1.6;
  --line-heading: 1.15;
  --space-0: 0;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --radius-small: .25rem;
  --radius-control: .5rem;
  --radius-card: 1rem;
  --radius-board: 1.25rem;
  --radius-round: 999rem;
  --shadow-card: 0 .25rem 1.5rem var(--color-shadow);
  --shadow-dialog: 0 1rem 3rem var(--color-shadow);
  --duration-fast: 100ms;
  --duration-normal: 180ms;
  --duration-slow: 300ms;
  --ease-move: cubic-bezier(.2,.7,.3,1);
  --border-width: 1px;
  --focus-width: 3px;
  --target: 2.75rem;
  --target-board-floor: 24px;
  --width-page: 64rem;
  --width-board: 29rem;
  --width-dialog: 28rem;
  --width-level-card: 8rem;
  --width-tool: 7rem;
  --width-prose: 65ch;
  --disabled-opacity: .5;
  --backdrop: oklch(22% .03 160 / .5);
}