/* Design tokens — lifted from the client-approved mockup. Palette is
   final; don't redesign it here, only extend with new tokens if a new
   component genuinely needs one.
   NOTE: client decision (2026-07-31) — always show the light/beige palette,
   regardless of the visitor's OS/browser color-scheme preference. The
   prefers-color-scheme(dark) auto-switch is intentionally removed below;
   only an explicit [data-theme="dark"] (a future manual toggle, not built
   yet) would still switch it. */
:root{
  --bg: #F5F1E8;
  --bg-alt: #EDE6D6;
  --surface: #FFFFFF;
  --surface-2: #FBF8F1;
  --ink: #201E19;
  --ink-soft: #6C6355;
  --ink-faint: #9A9082;
  --line: #E3DBC9;
  --line-strong: #D3C9B2;
  --accent: #2E6E5E;
  --accent-ink: #FFFFFF;
  --accent-soft: #DDEBE3;
  --accent-soft-line: #BFDBCC;
  --st-work: #2E6E5E;
  --st-work-soft: #DDEBE3;
  --st-lunch: #C57A2E;
  --st-lunch-soft: #F3E2CB;
  --st-off: #948A78;
  --st-off-soft: #EAE4D5;
  --st-alert: #AE4630;
  --st-alert-soft: #F3DDD5;
  --shadow-sm: 0 1px 2px rgba(32,30,25,0.06);
  --shadow-md: 0 6px 20px rgba(32,30,25,0.08);
  --shadow-lg: 0 18px 48px rgba(32,30,25,0.14);
}
:root[data-theme="dark"]{
  --bg: #17150F; --bg-alt: #1D1B14; --surface: #221F17; --surface-2: #29261B;
  --ink: #F1ECDF; --ink-soft: #B6AB93; --ink-faint: #8A8069;
  --line: #38321F; --line-strong: #4A422A;
  --accent: #57A688; --accent-ink: #0D1712; --accent-soft: #223B31; --accent-soft-line: #35544545;
  --st-work: #57A688; --st-work-soft: #223B31;
  --st-lunch: #E0A24E; --st-lunch-soft: #3B2E17;
  --st-off: #A79C86; --st-off-soft: #2C2820;
  --st-alert: #DC7C5F; --st-alert-soft: #3B241C;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3); --shadow-md: 0 6px 20px rgba(0,0,0,0.35); --shadow-lg: 0 18px 48px rgba(0,0,0,0.5);
}
:root[data-theme="light"]{
  --bg: #F5F1E8; --bg-alt: #EDE6D6; --surface: #FFFFFF; --surface-2: #FBF8F1;
  --ink: #201E19; --ink-soft: #6C6355; --ink-faint: #9A9082;
  --line: #E3DBC9; --line-strong: #D3C9B2;
  --accent: #2E6E5E; --accent-ink: #FFFFFF; --accent-soft: #DDEBE3; --accent-soft-line: #BFDBCC;
  --st-work: #2E6E5E; --st-work-soft: #DDEBE3;
  --st-lunch: #C57A2E; --st-lunch-soft: #F3E2CB;
  --st-off: #948A78; --st-off-soft: #EAE4D5;
  --st-alert: #AE4630; --st-alert-soft: #F3DDD5;
  --shadow-sm: 0 1px 2px rgba(32,30,25,0.06); --shadow-md: 0 6px 20px rgba(32,30,25,0.08); --shadow-lg: 0 18px 48px rgba(32,30,25,0.14);
}