:root{
  /* Brand core — the ARX mark. Letters read in green-900, the square dot is green-600. */
  --arx-green-900:#004339;
  --arx-green-800:#00584a;
  --arx-green-700:#006a4e;
  --arx-green-600:#007058;
  --arx-green-400:#4f8f7f;
  --arx-green-200:#c3d6d0;
  --arx-green-050:#eef3f1;

  /* Teals — the deep secondary family (deck offer accents) */
  --arx-teal-900:#003b4c;
  --arx-teal-800:#00536b;
  --arx-teal-700:#00756f;
  --arx-teal-600:#00394d;

  /* Navy — the second dark surface */
  --arx-navy-950:#0f1838;
  --arx-navy-900:#0e1b3b;

  /* Slates — rules, captions, quiet UI */
  --arx-slate-700:#355c63;
  --arx-slate-600:#336268;
  --arx-slate-500:#6b7785;
  --arx-slate-400:#8fa0ae;

  /* Neutrals */
  --arx-white:#ffffff;
  --arx-off-white:#f5f5f3;
  --arx-paper:#f2f2f2;
  --arx-grey-100:#ededec;
  --arx-grey-200:#e2e6e2;
  --arx-grey-300:#d8dee3;
  --arx-grey-500:#8b9491;
  --arx-grey-700:#4d5754;
  --arx-ink:#101a18;

  /* Product & programme accents — one colour per proprietary product */
  --product-vip:#d04f69;          /* VIP Shield */
  --product-ai:#6b2d9c;           /* AI Trust & Security */
  --product-healthcare:#006a4e;   /* Healthcare Cyber */
  --product-quantum:#00536b;      /* Quantum Readiness */
  --product-compliance:#fbd800;   /* Compliance Accelerator */

  /* Editorial accents (used sparingly, one per section divider) */
  --arx-gold:#e0bd6f;
  --arx-coral:#fb8569;
  --arx-yellow:#ffdc00;
  --arx-rose:#d9526a;
  --arx-purple:#7030a0;
  --arx-maroon:#5c1f1e;

  /* Semantic — surfaces */
  --surface-page:var(--arx-white);
  --surface-sunken:var(--arx-grey-100);
  --surface-tint:var(--arx-green-050);
  --surface-card:var(--arx-white);
  --surface-deep:var(--arx-green-900);
  --surface-deep-alt:var(--arx-navy-900);
  --surface-inverse-tint:rgba(255,255,255,.08);

  /* Semantic — text */
  --text-display:var(--arx-green-900);
  --text-heading:var(--arx-green-900);
  --text-body:var(--arx-grey-700);
  --text-muted:var(--arx-slate-500);
  --text-label:var(--arx-green-600);
  --text-on-deep:var(--arx-off-white);
  --text-on-deep-muted:rgba(245,245,243,.68);
  --text-link:var(--arx-green-600);
  --text-link-hover:var(--arx-green-900);

  /* Semantic — accents & state */
  --accent:var(--arx-green-600);
  --accent-strong:var(--arx-green-900);
  --accent-quiet:var(--arx-green-200);
  --state-info:var(--arx-teal-800);
  --state-warn:var(--product-compliance);
  --state-danger:var(--product-vip);
  --state-critical:var(--arx-maroon);
  --focus-ring:var(--arx-green-600);

  /* Data / chart order */
  --chart-1:var(--arx-green-900);
  --chart-2:var(--arx-teal-800);
  --chart-3:var(--arx-slate-700);
  --chart-4:var(--product-vip);
  --chart-5:var(--product-compliance);
  --chart-6:var(--product-ai);

  /* Image treatment */
  --wash-deep:linear-gradient(180deg,rgba(0,67,57,.88) 0%,rgba(0,67,57,.66) 55%,rgba(15,24,56,.92) 100%); /* @kind color */
  --wash-protect:linear-gradient(180deg,rgba(0,67,57,0) 0%,rgba(0,67,57,.8) 100%); /* @kind color */
  --wash-side:linear-gradient(100deg,rgba(0,67,57,.96) 0%,rgba(0,67,57,.8) 46%,rgba(15,24,56,.5) 100%); /* @kind color */
}
[data-theme="deep"]{
  --surface-page:var(--arx-green-900);
  --surface-sunken:#003b32;
  --surface-card:rgba(255,255,255,.06);
  --text-display:var(--text-on-deep);
  --text-heading:var(--text-on-deep);
  --text-body:var(--text-on-deep-muted);
  --text-muted:rgba(245,245,243,.5);
  --text-label:var(--arx-green-200);
  --border-hairline:rgba(255,255,255,.18);
}