/* Masar core design tokens (masar-core/tokens.css). Light + dark. Do not edit in an app: run masar-core/sync.sh. */
:root{
  color-scheme:light;
  --paper:#FAF8F3; --surface:#FFFFFF; --surface-2:#F2EFE6; --ink:#1B2A27; --muted:#55635F; --line:#DDD5C5;
  --teal:#0A6B5E; --teal-ink:#FFFFFF; --teal-soft:#E3F2EE; --saffron:#F4B400; --saffron-ink:#1B2A27;
  --good:#17724A; --bad:#B3413A; --warn:#8A5300;
  --font:"Readex Pro",-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;
  --r-s:8px; --r-m:14px; --r-l:22px;
  --sh-1:0 1px 2px rgba(27,42,39,.06),0 6px 18px rgba(27,42,39,.07);
  --sh-2:0 2px 6px rgba(27,42,39,.08),0 18px 48px rgba(27,42,39,.14);
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:40px; --s7:64px;
  --wrap:1120px;
  /* type scale (1.2 minor third, fluid at the top end) and rhythm */
  --fs-xs:.8125rem; --fs-s:.9375rem; --fs-m:1.0625rem; --fs-l:1.25rem; --fs-xl:clamp(1.5rem,3.6vw,2.1rem); --fs-2xl:clamp(2.1rem,5.6vw,3.6rem);
  --lh-tight:1.15; --lh-body:1.65;
  /* motion: short, ease-out, never essential */
  --ease:cubic-bezier(.2,.7,.2,1); --dur-1:.12s; --dur-2:.2s; --dur-3:.45s;
  /* stacking scale: page < sticky < panel < popover < modal < toast */
  --z-sticky:50; --z-panel:200; --z-popover:900; --z-modal:1000; --z-toast:1100;
  --tap:44px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  color-scheme:dark;
  --paper:#0D1714; --surface:#15221E; --surface-2:#1C2C27; --ink:#EEF3F1; --muted:#A3B3AD; --line:#2A3C35;
  --teal:#4FD1B5; --teal-ink:#0D1714; --teal-soft:#173A33; --saffron:#FFC93C; --saffron-ink:#0D1714;
  --good:#6FD9A4; --bad:#F08C84; --warn:#F0B860;
  --sh-1:0 1px 2px rgba(0,0,0,.4); --sh-2:0 18px 48px rgba(0,0,0,.5);
}}
:root[data-theme=dark]{
  color-scheme:dark;
  --paper:#0D1714; --surface:#15221E; --surface-2:#1C2C27; --ink:#EEF3F1; --muted:#A3B3AD; --line:#2A3C35;
  --teal:#4FD1B5; --teal-ink:#0D1714; --teal-soft:#173A33; --saffron:#FFC93C; --saffron-ink:#0D1714;
  --good:#6FD9A4; --bad:#F08C84; --warn:#F0B860;
  --sh-1:0 1px 2px rgba(0,0,0,.4); --sh-2:0 18px 48px rgba(0,0,0,.5);
}