/* ay, la vida: shared design tokens (one source for the app, the sign-in screen and the static pages).
   --accent is for fills and the brand comma; --accent-ink is accent-colored text (AA on cream).
   Palette lifted from the logo: olive frame, cream receipt, olive-ink letters, burnt-orange comma.
   Screen-specific tokens stay with their screen (index.html, pages.css). */
:root{
  --bg:#F5F2E7; --surface:#EAE7D5; --paper:#FFFDF7; --line:#DCD8C2; --ink:#2E2F1C; --muted:#64634D; --faint:#6F6C56;
  --act:#3A4224; --on-act:#FBF8F0; --accent:#C27C3A; --accent-ink:#9E5F25;
  --good:#4F7A35; --good-bg:#E4EAD0; --warn:#9A5222; --warn-bg:#F5E5D2; --bad:#B4402A;
  --f-display:"Nunito",ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --f-body:"Nunito",ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --r-lg:22px; --r-md:16px; --r-sm:12px; --r-pill:999px;
  --h-chip:36px; --h-ctl:48px; --h-btn:54px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0E0E0D; --surface:#1C1C1A; --paper:#161615; --line:#2A2A27; --ink:#F4F0E6; --muted:#B3AEA3; --faint:#8C887E;
  --act:#FFFFFF; --on-act:#0E0E0D; --accent:#C27C3A; --accent-ink:#C27C3A;
  --good:#8DBA6A; --good-bg:#1F2817; --warn:#E39A5E; --warn-bg:#2E2117; --bad:#E5735C;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0E0E0D; --surface:#1C1C1A; --paper:#161615; --line:#2A2A27; --ink:#F4F0E6; --muted:#B3AEA3; --faint:#8C887E;
  --act:#FFFFFF; --on-act:#0E0E0D; --accent:#C27C3A; --accent-ink:#C27C3A;
  --good:#8DBA6A; --good-bg:#1F2817; --warn:#E39A5E; --warn-bg:#2E2117; --bad:#E5735C;
  color-scheme:dark}