:root{
  /* ---- Brand base (sampled from the supplied logo PNGs) ---- */
  --navy-900:#021230;
  --navy-800:#021b4e;
  --navy-700:#031b4e; /* brand navy — dominant logo colour */
  --navy-600:#082a6b;
  --navy-500:#132959;
  --navy-400:#42547a;
  --navy-300:#818da7;
  --navy-200:#c0c6d3;
  --navy-100:#e2e6ee;
  --navy-050:#f1f4f9;

  --cyan-700:#026c97;
  --cyan-600:#0195bc;
  --cyan-500:#14c0f0; /* brand cyan — client-specified accent (logo plate samples #00BDE0) */
  --cyan-400:#3ccfea;
  --cyan-300:#7fdff2;
  --cyan-200:#b7ecf8;
  --cyan-100:#e2f7fc;

  --white:#ffffff;
  --ink-900:#0b1220;
  --ink-700:#2e3a4f;
  --ink-500:#5b6780;
  --ink-300:#9aa4b8;

  /* ---- Semantic status ---- */
  --green-600:#0e8a5f;
  --green-100:#e3f6ee;
  --amber-600:#b8730a;
  --amber-100:#fdf1dd;
  --red-600:#c4322f;
  --red-100:#fbe6e5;

  /* ---- Semantic aliases: text ---- */
  --text-heading:var(--navy-700);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-inverse:var(--white);
  --text-inverse-muted:var(--navy-200);
  --text-link:var(--cyan-600);
  --text-link-hover:var(--navy-700);
  --text-on-accent:var(--white);

  /* ---- Semantic aliases: surfaces ---- */
  --surface-page:var(--white);
  --surface-subtle:var(--navy-050);
  --surface-card:var(--white);
  --surface-card-alt:var(--navy-050);
  --surface-inverse:var(--navy-700);
  --surface-inverse-deep:var(--navy-900);
  --surface-accent:var(--cyan-500);
  --surface-accent-soft:var(--cyan-100);

  /* ---- Semantic aliases: lines ---- */
  --border-subtle:var(--navy-100);
  --border-strong:var(--navy-200);
  --border-accent:var(--cyan-500);
  --border-inverse:rgba(255,255,255,.16);

  /* ---- Interactive ---- */
  --action-primary-bg:var(--navy-700);
  --action-primary-bg-hover:var(--cyan-500);
  --action-primary-fg:var(--white);
  --action-primary-fg-hover:var(--white);
  --action-accent-bg:var(--cyan-500);
  --action-accent-bg-hover:var(--navy-700);
  --action-accent-fg:var(--white);
  --action-accent-fg-hover:var(--white);
  --focus-ring:var(--cyan-500);

  /* ---- Gradients (used only as soft section washes, never on type) ---- */
  --wash-cyan:linear-gradient(180deg,var(--cyan-100) 0%,var(--white) 100%);
  --wash-navy:linear-gradient(160deg,var(--navy-700) 0%,var(--navy-900) 100%);
  --scrim-navy:linear-gradient(0deg,rgba(3,27,78,.86) 0%,rgba(3,27,78,0) 70%); /* @kind color */
}