:root{
  /* ---- Brand core (sampled from the EDUX logo) ---- */
  --edux-blue:#195BA5;
  --edux-blue-700:#144B89;
  --edux-blue-800:#103B6C;
  --edux-green:#68B34C;
  --edux-green-600:#549237;
  --edux-navy:#0B2340;
  /* Lighter blue used for EDU on navy grounds (from the official navy lockup) */
  --edux-blue-on-dark:#2E7DD1;

  /* ---- Blue scale ---- */
  --blue-50:#EFF5FB;
  --blue-100:#DCE9F5;
  --blue-200:#B9D2EA;
  --blue-300:#8CB4DA;
  --blue-400:#4C87C1;
  --blue-500:#195BA5;
  --blue-600:#144B89;
  --blue-700:#103B6C;
  --blue-800:#0B2A4E;
  --blue-900:#0B2340;

  /* ---- Green scale ---- */
  --green-50:#F1F8EC;
  --green-100:#E1F1D8;
  --green-200:#C4E3B2;
  --green-300:#9ECF83;
  --green-400:#68B34C;
  --green-500:#549237;
  --green-600:#42742C;
  --green-700:#2F5420;

  /* ---- Teal (bridge between the blue and the green) ---- */
  --teal-50:#E8F2F0;
  --teal-300:#5A9A90;
  --teal-500:#177F72;
  --teal-600:#0F5F55;
  --teal-700:#0C4A43;

  /* ---- Orange: reserved for calls to action ---- */
  --orange-50:#FDF1E8;
  --orange-100:#FADFC9;
  --orange-400:#E88A4A;
  --orange-500:#E06E2A;
  --orange-600:#C25A18;
  --orange-700:#9E4810;

  /* ---- Neutrals: off-white paper, cool grey ink ---- */
  --white:#FFFFFF;
  --off-white:#F7F6F2;
  --paper:#F1F5F9;
  --grey-100:#E7ECF1;
  --grey-200:#DBE3EA;
  --grey-300:#C2CEDA;
  --grey-400:#93A5B8;
  --grey-500:#6E8299;
  --grey-600:#3B5471;
  --grey-900:#0E2440;

  /* ---- NPS / status ---- */
  --promoter:#17864C;
  --promoter-bg:#E6F4EC;
  --passive:#B5860A;
  --passive-bg:#FBF3DE;
  --detractor:#B93A2B;
  --detractor-bg:#FBEAE7;

  /* ---- Semantic aliases: use these in product code ---- */
  --text-strong:var(--grey-900);
  --text-body:var(--grey-600);
  --text-muted:var(--grey-500);
  --text-on-dark:#FFFFFF;
  --text-on-dark-soft:#C6D8E5;
  --text-brand-on-dark:var(--edux-blue-on-dark);
  --text-link:var(--edux-blue);
  --text-link-hover:var(--edux-blue-700);
  --text-eyebrow:var(--teal-500);

  --surface-page:#FFFFFF;
  --surface-tint:var(--paper);
  --surface-warm:var(--off-white);
  --surface-card:#FFFFFF;
  --surface-inverse:var(--edux-navy);
  --surface-brand:var(--edux-blue);
  --surface-accent:var(--teal-50);

  --border-subtle:var(--grey-100);
  --border-default:var(--grey-200);
  --border-strong:var(--grey-300);
  --border-inverse:rgba(255,255,255,.22);

  --action-primary:var(--orange-500);
  --action-primary-hover:var(--orange-600);
  --action-primary-shadow:var(--orange-700);
  --action-secondary:var(--edux-blue);
  --action-secondary-hover:var(--edux-blue-700);
  --focus-ring:var(--orange-500);
}