/* Flyr.os brand tokens v2 (draft for KF review) */
:root{
 --font-display:"Inter Tight",system-ui,sans-serif;
 --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 --font-mono:"JetBrains Mono",ui-monospace,monospace;
 --night:#0C1B24; --teal:#0A5560; --flare:#FFC23D; --paper:#F6F7F2;
 --bg:#F6F7F2; --surface:#FFFFFF; --surface-2:#ECEFE8; --inverse:#0C1B24; --on-inverse:#F3F5EF;
 --ink:#0C1B24; --ink-2:#3B4A52; --muted:#56646C; --line:#D9DED6;
 --primary:#0A5560; --primary-hover:#07434C; --on-primary:#FFFFFF;
 --signal:#FFC23D; --on-signal:#0C1B24; --signal-tint:#FFF3D6;
 --accent:var(--primary); --on-accent:#fff;
 --good:#13733A; --good-bg:#E3F4E8; --warn:#8A5300; --warn-bg:#FDF0D8; --bad:#B42318; --bad-bg:#FDE7E5;
 --wa:#0B7A6D; --on-wa:#fff;
 --r-sm:4px; --r-md:6px; --r-lg:10px; --r-pill:6px;
 --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;
 --shadow-1:0 1px 2px rgba(12,27,36,.06),0 2px 8px rgba(12,27,36,.06);
 --shadow-2:0 12px 40px -12px rgba(12,27,36,.25);
 --ease:cubic-bezier(.2,.8,.2,1); --t-fast:140ms; --t-med:260ms;
 color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
 --bg:#071219; --surface:#0E1F28; --surface-2:#15303B; --inverse:#F3F5EF; --on-inverse:#0C1B24;
 --ink:#F3F5EF; --ink-2:#C2CDCB; --muted:#9AAAAA; --line:#22404B;
 --primary:#FFC23D; --primary-hover:#FFD36E; --on-primary:#0C1B24;
 --signal-tint:#2A2412; --accent:var(--primary); --on-accent:#0C1B24;
 --good:#5BD98A; --good-bg:#10301E; --warn:#F7C04A; --warn-bg:#2E2410; --bad:#FF8A80; --bad-bg:#3A1714;
 --wa:#25D366; --on-wa:#06261C; --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 16px 48px -16px rgba(0,0,0,.7); color-scheme:dark;}}
:root[data-theme=dark]{
 --bg:#071219; --surface:#0E1F28; --surface-2:#15303B; --inverse:#F3F5EF; --on-inverse:#0C1B24;
 --ink:#F3F5EF; --ink-2:#C2CDCB; --muted:#9AAAAA; --line:#22404B;
 --primary:#FFC23D; --primary-hover:#FFD36E; --on-primary:#0C1B24;
 --signal-tint:#2A2412; --accent:var(--primary); --on-accent:#0C1B24;
 --good:#5BD98A; --good-bg:#10301E; --warn:#F7C04A; --warn-bg:#2E2410; --bad:#FF8A80; --bad-bg:#3A1714;
 --wa:#25D366; --on-wa:#06261C; --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 16px 48px -16px rgba(0,0,0,.7); color-scheme:dark;}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}