:root {
  --bg: #fdfdf8;
  --surface: #eeefe9;
  --surface-warm: #e5e7e0;
  --fg: #4d4f46;
  --fg-2: #23251d;
  --muted: #65675e;
  --meta: #9ea096;
  --border: #bfc1b7;
  --border-soft: color-mix(in oklab, var(--border), var(--bg) 50%);
  --accent: #F54E00;
  --accent-on: #ffffff;
  --accent-hover: color-mix(in oklab, var(--accent), black 8%);
  --accent-active: color-mix(in oklab, var(--accent), black 14%);
  --primary: #f7a501;
  --primary-pressed: #dd9001;
  --on-primary: #23251d;
  --success: #2c8c66;
  --success-soft: #d9eddf;
  --warn: #F7A501;
  --danger: #cd4239;
  --danger-soft: #f7d6d3;
  --info-soft: #dceaf6;
  --surface-card: #ffffff;
  --surface-dark: #23251d;
  --on-dark: #ffffff;
  --terminal-green: #4ade80;
  --terminal-prompt: #86efac;
  --font-display: "IBM Plex Sans Variable", "IBM Plex Sans", -apple-system, system-ui, sans-serif;
  --font-body: "IBM Plex Sans Variable", "IBM Plex Sans", -apple-system, system-ui, sans-serif;
  --font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 20px;
  --text-xl: 24px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 9999px;
  --safe-top: 54px;
  --safe-bottom: 34px;
  --tab-height: 56px;
  --hit: 44px;
}

[data-theme="dark"] {
  --bg: #161714;
  --surface: #1e1f1b;
  --surface-warm: #282a24;
  --fg: #b8bab2;
  --fg-2: #eeefe9;
  --muted: #8a8c84;
  --meta: #6a6c64;
  --border: #3a3c34;
  --border-soft: color-mix(in oklab, var(--border), var(--bg) 50%);
  --surface-card: #22241e;
  --success-soft: #1a3d2e;
  --danger-soft: #3d2220;
  --info-soft: #1a2d42;
  --on-primary: #23251d;
}