:root{
  /* colors */
  --bg:#F7F9FB;
  --card:#FFFFFF;
  --border:#D6E2EC;
  --text:#1F2A37;
  --muted:#52606D;
  --primary:#2F5D8C;
  --primaryDark:#2A547E;
  --success:#027A48;
  --danger:#B42318;

  /* radius + shadow */
  --radius:12px;
  --radiusSm:8px;
  --radiusMd:12px;
  --radiusLg:16px;
  --shadow:0 1px 2px rgba(16,24,40,.06);

  /* typography */
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --fsH1:clamp(30px,3.2vw,44px);
  --fsH2:clamp(22px,2.2vw,28px);
  --fsH3:20px;
  --fsSmall:14px;
  --fsLabel:12px;
  --lhTight:1.12;
  --lhNormal:1.6;

  /* spacing scale */
  --sp8:8px;
  --sp10:10px;
  --sp12:12px;
  --sp14:14px;
  --sp16:16px;
  --sp18:18px;
  --sp24:24px;
}