/* ==========================================================
   TOKENS
   Colors, fonts, radii and widths. Change the brand here first. Light theme is the default; dark theme values follow.
   ========================================================== */

:root{
  --bg:#F4F8FE; --surface:#FFFFFF; --surface-2:#E9F0FB; --ink:#0A1B44; --muted:#4A5B82; --line:#D7E1F1;
  --brand:#0F62E6; --brand-ink:#FFFFFF; --accent:#0AA7E6; --focus:#0F62E6;
  --nav-bg:rgba(244,248,254,.86);
  --plate:#FFFFFF;
  --font-display:'Sora','Segoe UI',system-ui,-apple-system,sans-serif;
  --font-body:'Source Sans 3','Segoe UI',system-ui,-apple-system,sans-serif;
  --r-s:8px; --r-m:16px; --r-l:28px;
  --maxw:1440px;
  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:#060E24; --surface:#0C1A3C; --surface-2:#10224A; --ink:#EAF1FF; --muted:#A3B4D8; --line:#1C2E5A;
    --brand:#4C9AFF; --brand-ink:#04122E; --accent:#3DD3FF; --focus:#7DB6FF;
    --nav-bg:rgba(6,14,36,.82);
  }
}
:root[data-theme="dark"]{
  --bg:#060E24; --surface:#0C1A3C; --surface-2:#10224A; --ink:#EAF1FF; --muted:#A3B4D8; --line:#1C2E5A;
  --brand:#4C9AFF; --brand-ink:#04122E; --accent:#3DD3FF; --focus:#7DB6FF;
  --nav-bg:rgba(6,14,36,.82);
}