/* BRAND TOKENS. Colors (light + dark mode), fonts. Change the look of the whole app here. */
:root{
  --bg:#F2F2F2; --surface:#FFFFFF; --sunk:#F7F6F6; --ink:#0B0B10; --muted:#5C5C66; --line:#DADADF;
  --red:#CC0000; --red-ink:#FFFFFF; --amber:#A86F00; --amber-bg:#FFF2D4; --green:#1F7346; --green-bg:#DCF1E4;
  --blue:#2A55A0; --blue-bg:#E2E9F6; --gray-bg:#E9E9EC; --tape:#04040F; --tape-ink:#FFFCFC;
  --bar:#04040F; --bar-ink:#FFFCFC; --bar-muted:#A6A6B3; --bar-line:#1E1E2A; --logo:#E81919;
  --sans:"Figtree","Proxima Nova",system-ui,-apple-system,"Segoe UI",sans-serif;
  --cond:"Oswald","Arial Narrow",system-ui,sans-serif;
  color-scheme:light;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --bg:#000000; --surface:#0E0E15; --sunk:#08080D; --ink:#F2F2F2; --muted:#9C9CA8; --line:#24242F;
  --red:#E01B1B; --red-ink:#FFFFFF; --amber:#E2A93B; --amber-bg:#2B2210; --green:#55C08A; --green-bg:#0F271B;
  --blue:#82A8E6; --blue-bg:#141F36; --gray-bg:#1C1C25; --tape:#CC0000; --tape-ink:#FFFFFF; color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#000000; --surface:#0E0E15; --sunk:#08080D; --ink:#F2F2F2; --muted:#9C9CA8; --line:#24242F;
  --red:#E01B1B; --red-ink:#FFFFFF; --amber:#E2A93B; --amber-bg:#2B2210; --green:#55C08A; --green-bg:#0F271B;
  --blue:#82A8E6; --blue-bg:#141F36; --gray-bg:#1C1C25; --tape:#CC0000; --tape-ink:#FFFFFF; color-scheme:dark;
}