/* NOTE: the two dark blocks below must stay identical. */
/* projects/triage/public/css/tokens.css — Tide. Pythian palette; one meaning per color. */
:root{
  --navy:#142644; --blue:#009DFF; --royal:#2858A7; --green:#18BD77; --orange:#F68D11; --red:#E5484D; --violet:#7c5cff; --cyan:#00DDF1;
  --bg:#f4f7fb; --surface:#ffffff; --surface-2:#f5f8fc; --ink:#142644; --sub:#5b6b86; --faint:#8b97ad; --line:#e3e9f2;
  --live-bg:#e8f4ff; --aging-bg:#fff3e4; --act-bg:#fdecec; --them-bg:#fbf7f1; --veil:rgba(229,72,77,.06);
  --shadow:0 1px 0 #dbe3ef; --radius:18px;
  --font:Inter,system-ui,-apple-system,sans-serif;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0b1220; --surface:#121b2e; --surface-2:#0f1728; --ink:#e3eaf6; --sub:#9fb0cf; --faint:#6f7f9c; --line:#1f2c47;
  --live-bg:#10294a; --aging-bg:#3a2610; --act-bg:#3a1416; --them-bg:#211a12; --veil:rgba(229,72,77,.10); --shadow:0 1px 0 #0a0f1b; --blue:#33b1ff; --navy:#c9d6ee;
}}
:root[data-theme="dark"]{
  --bg:#0b1220; --surface:#121b2e; --surface-2:#0f1728; --ink:#e3eaf6; --sub:#9fb0cf; --faint:#6f7f9c; --line:#1f2c47;
  --live-bg:#10294a; --aging-bg:#3a2610; --act-bg:#3a1416; --them-bg:#211a12; --veil:rgba(229,72,77,.10); --shadow:0 1px 0 #0a0f1b; --blue:#33b1ff; --navy:#c9d6ee;
}