/* Design tokens: light by default, dark follows the system. */
:root{
  --bg:#F4F7F9;
  --card:#fff;
  --ink:#0E1F2B;
  --mut:#3A4D5B;
  --line:#D8E1E8;
  --navy:#0E1F2B;
  --navy-light: #162b3b;
  --red:#C7391A;
  --redt:#C7391A;
  --redbg:#FBEAE5;
  --teal:#0F6E6E;
  --teal-light: #e6f2f2;
  --yellow: #8a5f00;
  --map:#E4ECE9;
  --grid:#CFDAD6;
  --font:Onest,system-ui,sans-serif;
  --bottom-nav-height: 64px;
  color-scheme:light;
}

@media (prefers-color-scheme:dark){
  :root{
    --bg:#0B1620;
    --card:#13232F;
    --ink:#EAF1F6;
    --mut:#A9BAC6;
    --line:#274152;
    --navy:#07111A;
    --navy-light: #0e1f2b;
    --redt:#F2907A;
    --redbg:#3A1E19;
    --teal-light: #123336;
    --map:#1B2B33;
    --grid:#26393F;
    color-scheme:dark;
  }
}