/* Colors, spacing, sizes, and shadows. Every other style file uses these names,
   so changing a color here changes it everywhere. Dark mode follows the device setting. */
:root {
  color-scheme: light dark;

  --bg: var(--paper);
  --ink: #1c1915;
  --ink-soft: #3d3730;
  --muted: #6d655c;
  --paper: #f6f3ee;
  --card: #fffdf9;
  --raised: #ffffff;
  --line: #e4ddd2;
  --line-strong: #8f857a;

  --accent: #0f6e56;
  --accent-strong: #0b5844;
  --accent-soft: #e3f3ec;
  --accent-ink: #ffffff;

  --warn: #8a5a00;
  --warn-bg: #fff4d6;
  --danger: #a12d2d;
  --danger-bg: #fbe9e7;
  --good: #0f6e56;
  --good-bg: #e3f3ec;
  --info-bg: #eef2f7;

  --focus: 0 0 0 3px rgba(15, 110, 86, 0.35);
  --shadow: 0 1px 2px rgba(28, 25, 21, 0.05), 0 8px 24px rgba(28, 25, 21, 0.06);
  --shadow-lift: 0 12px 40px rgba(28, 25, 21, 0.18);
  --scrim: rgba(28, 25, 21, 0.38);

  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;

  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-pill: 999px;

  --tap: 44px;
  --nav-h: 68px;
  --side-w: 232px;
  --view-as-bar-h: 0px;
  --view-as-bg: #5c1f1f;
  --view-as-fg: #fff;
  --list-w: 360px;
  --header-h: 0px;

  --font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --text-sm: 0.875rem;
  --text-xs: 0.78rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: var(--paper);
    --ink: #f2eee8;
    --ink-soft: #d9d3ca;
    --muted: #a39b90;
    --paper: #151311;
    --card: #1f1c19;
    --raised: #27231f;
    --line: #34302b;
    --line-strong: #77706a;

    --accent: #3fbf96;
    --accent-strong: #5fd3ad;
    --accent-soft: #173a30;
    --accent-ink: #08241b;

    --warn: #f2c56b;
    --warn-bg: #3a2e12;
    --danger: #f08b80;
    --danger-bg: #3b1d1a;
    --good: #5fd3ad;
    --good-bg: #173a30;
    --info-bg: #222a33;

    --focus: 0 0 0 3px rgba(63, 191, 150, 0.45);
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.25);
    --shadow-lift: 0 12px 40px rgba(0, 0, 0, 0.55);
    --scrim: rgba(0, 0, 0, 0.55);
  }
}