:root {
  color-scheme: light dark;
  --page: #f5f0e8;
  --paper-fiber: rgba(94, 72, 45, .055);
  --panel: #fffdf8;
  --panel-soft: #f8f3ea;
  --text: #172033;
  --muted: #706b62;
  --border: #dfd4c3;
  --accent: #2467a6;
  --focus: #111827;
  --accent-soft: #e7f0f7;
  --danger: #b42318;
  --success: #067647;
  --success-soft: #e5f4ea;
  --cell: #fffefa;
  --cell-pressed: #edf5fb;
  --grid-shadow: 0 18px 42px rgba(62, 47, 31, .14), 0 2px 0 rgba(255, 255, 255, .8) inset;
  --shadow: 0 10px 26px rgba(62, 47, 31, .10);
  --word-chip-font-size: .84rem;
  --word-list-max-size: none;
  --grid-max-size: min(100%, 560px);
  --c1: #2563eb;
  --c2: #dc2626;
  --c3: #16a34a;
  --c4: #9333ea;
  --c5: #ea580c;
  --c6: #0891b2;
  --c7: #be123c;
  --c8: #4f46e5;
  --c9: #65a30d;
  --c10: #c026d3;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --page: #141617;
    --paper-fiber: rgba(255, 244, 222, .035);
    --panel: #20211f;
    --panel-soft: #292a27;
    --text: #f8f3e9;
    --muted: #c2b8a6;
    --border: #464138;
    --accent: #8bbbe8;
    --accent-soft: #263747;
    --success-soft: #213b2c;
    --cell: #242521;
    --cell-pressed: #263747;
    --grid-shadow: 0 18px 42px rgba(0, 0, 0, .28), 0 1px 0 rgba(255, 255, 255, .05) inset;
    --shadow: 0 12px 30px rgba(0, 0, 0, .24);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #141617;
  --paper-fiber: rgba(255, 244, 222, .035);
  --panel: #20211f;
  --panel-soft: #292a27;
  --text: #f8f3e9;
  --muted: #c2b8a6;
  --border: #464138;
  --accent: #8bbbe8;
  --accent-soft: #263747;
  --success-soft: #213b2c;
  --cell: #242521;
  --cell-pressed: #263747;
  --grid-shadow: 0 18px 42px rgba(0, 0, 0, .28), 0 1px 0 rgba(255, 255, 255, .05) inset;
  --shadow: 0 12px 30px rgba(0, 0, 0, .24);
}

:root[data-theme="light"] {
  color-scheme: light;
}

:root[data-high-contrast] { --page: #fff; --panel: #fff; --panel-soft: #fff; --text: #000; --muted: #222; --border: #000; --accent: #003f9e; --accent-soft: #dbeafe; --danger: #9b0000; --success: #005c2a; --cell: #fff; --cell-pressed: #dbeafe; --focus: #000; --shadow: none; --grid-shadow: none; }
:root[data-theme="dark"][data-high-contrast] { --page: #000; --panel: #000; --panel-soft: #000; --text: #fff; --muted: #fff; --border: #fff; --accent: #80c8ff; --accent-soft: #002d59; --danger: #ff8a80; --success: #8cffb0; --cell: #000; --cell-pressed: #002d59; --focus: #fff; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"])[data-high-contrast] { --page: #000; --panel: #000; --panel-soft: #000; --text: #fff; --muted: #fff; --border: #fff; --accent: #80c8ff; --accent-soft: #002d59; --danger: #ff8a80; --success: #8cffb0; --cell: #000; --cell-pressed: #002d59; --focus: #fff; }
}

* { box-sizing: border-box; }