/* ============================================================
   DESIGN TOKENS  —  change colours here only, never inline
   ============================================================ */
:root{
  --page:#F2F5F8;
  --card:#FFFFFF;
  --header-from:#0A3D4F;
  --header-to:#0E5C74;

  --text:#16283A;
  --text-2:#5A6B7C;
  --text-3:#8A99A8;

  --line:#E4EAF0;
  --line-strong:#CFD9E3;

  --accent:#1D7FC0;
  --accent-tint:#E7F2FA;

  --amber:#B5730B;   --amber-tint:#FDF2DE;
  --green:#1C7A5A;   --green-tint:#E4F4EE;
  --violet:#5F4BB0;  --violet-tint:#EEEBFA;
  --red:#B03A3A;     --red-tint:#FBEAEA;
  --grey:#5A6B7C;    --grey-tint:#EEF2F6;

  --r-card:12px;
  --r-ctl:8px;

  --container-max:none;
  --form-max:720px;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;

  --font:'Plus Jakarta Sans',-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --shadow:0 1px 2px rgba(16,40,60,.05);
  --shadow-lift:0 6px 16px rgba(16,40,60,.10);
}