/* ============================================================
   Modest Titan — site tokens (v3)
   Palette + type imported from design/assets/brand-tokens.css.
   Brand NAME lives in build.py (BRAND) — never hard-code it here.
   ============================================================ */
:root{
  /* brand */
  --mt-navy:#0A1128; --mt-blue:#3360E4; --mt-orange:#D8430D; --mt-bg:#FAFBFE;
  --mt-slate-800:#1E2848; --mt-slate-600:#424C6C; --mt-slate-500:#58617E;
  --mt-slate-400:#7A839F; --mt-slate-300:#A9B0C6; --mt-slate-200:#D1D6E5; --mt-slate-100:#EAEDF6;
  --mt-blue-on-dark:#5B82F0; --mt-knockout:#FFFFFF;
  /* dark-ground derived (navy family only) */
  --mt-navy-2:#0F1A3D; --mt-navy-3:#16244F; --mt-navy-line:rgba(255,255,255,.10); --mt-navy-line-2:rgba(255,255,255,.18);
  --mt-on-dark:#FAFBFE; --mt-on-dark-muted:rgba(250,251,254,.68); --mt-on-dark-subtle:rgba(250,251,254,.46);
  /* semantic */
  --text:var(--mt-navy); --text-muted:var(--mt-slate-600); --text-subtle:var(--mt-slate-500);
  --surface:var(--mt-bg); --surface-sunk:var(--mt-slate-100); --surface-card:#FFFFFF;
  --rule:var(--mt-slate-200); --rule-strong:var(--mt-navy); --accent:var(--mt-orange);
  --cta-bg:var(--mt-blue); --cta-fg:#FFFFFF; --link:var(--mt-blue);
  /* status (UI mocks only, small areas) */
  --ok:#1F9D63; --ok-soft:#E3F5EB; --warn:#D8430D; --warn-soft:#FDE8DF; --info-soft:#E6ECFC;
  /* type */
  --display:"Archivo","Archivo Black",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --track-display:-0.025em; --track-hero:-0.035em;
  /* scale (fluid) */
  --fs-hero:clamp(2.2rem,1rem + 4vw,4.6rem);
  --fs-h2:clamp(1.85rem,1.1rem + 2.6vw,3.4rem);
  --fs-h3:clamp(1.35rem,1rem + 1.2vw,2rem);
  --fs-lead:clamp(1.125rem,1rem + .5vw,1.4rem);
  --fs-body:1.125rem; --fs-small:.95rem; --fs-eyebrow:clamp(.9rem,.6rem + .55vw,1.17rem);
  /* layout */
  --max:1240px; --gutter:clamp(1.1rem,4vw,3rem); --section:clamp(5rem,12vw,9.5rem);
  --radius:22px; --radius-sm:12px; --radius-xs:8px;
  --shadow-card:0 1px 2px rgba(10,17,40,.06),0 12px 40px -12px rgba(10,17,40,.18);
  --shadow-float:0 30px 80px -20px rgba(10,17,40,.45);
  --ease:cubic-bezier(.22,1,.36,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --nav-h:64px;
}