:root {
  color-scheme: light;
  --bg: #f7f4ed;
  --chrome: #fbf8f1;
  --surface: #fffdf9;
  --surface-glass: rgb(255 253 249 / 88%);
  --surface-raised: #f2eee6;
  --paper: #ffffff;
  --ink: #262421;
  --muted: #706b64;
  --line: #ded9d0;
  --line-strong: #b9b2a8;
  --accent: #4f6fae;
  --accent-soft: #e7eefc;
  --accent-ink: #ffffff;
  --danger: #c75f57;
  --danger-soft: #fff0ee;
  --success: #339a58;
  --focus: #5578bb;
  --highlight: #fff09b;
  --radius-sm: 12px;
  --radius: 18px;
  --radius-lg: 24px;
  --shadow-soft: 0 8px 24px rgb(71 60 43 / 7%);
  --shadow: 0 16px 44px rgb(71 60 43 / 11%);
  --target: 44px;
  --topbar-height: 68px;
  --motion-press: 90ms;
  --motion-page: 170ms;
  --motion-drawer: 220ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-spring: cubic-bezier(0.2, 0.9, 0.25, 1.18);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #171612;
  --chrome: #1c1a16;
  --surface: #211f1a;
  --surface-glass: rgb(33 31 26 / 90%);
  --surface-raised: #2b2822;
  --paper: #1d1c18;
  --ink: #f4f0e8;
  --muted: #aaa39a;
  --line: #403c35;
  --line-strong: #686158;
  --accent: #88a7e1;
  --accent-soft: #28364f;
  --accent-ink: #111a2a;
  --danger: #ee8d84;
  --danger-soft: #492925;
  --success: #70c68d;
  --focus: #9ab8ed;
  --highlight: #745f00;
  --shadow-soft: 0 8px 24px rgb(0 0 0 / 24%);
  --shadow: 0 18px 48px rgb(0 0 0 / 38%);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #171612;
    --chrome: #1c1a16;
    --surface: #211f1a;
    --surface-glass: rgb(33 31 26 / 90%);
    --surface-raised: #2b2822;
    --paper: #1d1c18;
    --ink: #f4f0e8;
    --muted: #aaa39a;
    --line: #403c35;
    --line-strong: #686158;
    --accent: #88a7e1;
    --accent-soft: #28364f;
    --accent-ink: #111a2a;
    --danger: #ee8d84;
    --danger-soft: #492925;
    --success: #70c68d;
    --focus: #9ab8ed;
    --highlight: #745f00;
    --shadow-soft: 0 8px 24px rgb(0 0 0 / 24%);
    --shadow: 0 18px 48px rgb(0 0 0 / 38%);
  }
}