/* Generated by scripts/gen-theme.mjs from design/tokens.json. Don't edit by hand. */

:root {
  color-scheme: light dark;
  --bg: #f1eee7;
  --surface: #e5e1d7;
  --line: #d6d1c6;
  --text: #141414;
  --muted: #55524d;
  --faint: #6b6862;
  --accent: #1f4d3a;
  --on-accent: #f1eee7;
  --warn: #b8461a;
  --mid: #93aa9c;
  --track: #e3dfd5;
  --tick: #b5b0a4;
  --space1: 4px;
  --space2: 8px;
  --space3: 12px;
  --space4: 16px;
  --gutter: 20px;
  --space6: 28px;
  --hairline: 1px;
  --touch-min: 44px;
  --header-height: 56px;
  --row-height: 64px;
  --action-height: 64px;
  --tabbar-height: 56px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0c0d0f;
    --surface: #16181c;
    --line: #1e2126;
    --text: #f3f1ec;
    --muted: #9da2ac;
    --faint: #7a808b;
    --accent: #a8d8ba;
    --on-accent: #0c0d0f;
    --warn: #f0ae66;
    --mid: #5e7c6a;
    --track: #1a1d22;
    --tick: #3a3f47;
  }
}