:root{
  /* Brandmark palette — exact values from the brand book (p.09) and the
     PowerPoint theme "Leadout" colour scheme. */
  --lo-navy:#1B1561;        /* Dark Blue  — primary brand colour */
  --lo-blue:#0000FF;        /* Bright Blue — energy / contrast */
  --lo-red:#9D1607;         /* Red Accent */
  --lo-indigo:#2F24B0;      /* theme accent6 — mid step navy-to-blue */
  --lo-tint:#F2F3FE;        /* theme accent5 — palest blue surface tint */
  --lo-steel:#0E2841;       /* theme dk2 */
  --lo-grey:#E8E8E8;        /* theme lt2 — hairlines, dividers */
  --lo-black:#000000;
  --lo-white:#FFFFFF;
  --lo-navy-band:#28245D;   /* measured band navy — lifted from the stationery artwork */

  /* Neutral ramp (derived from --lo-navy, kept desaturated for UI surfaces) */
  --lo-n-900:#12102E;
  --lo-n-800:#1F1D3D;
  --lo-n-700:#3A3860;
  --lo-n-600:#5B5980;
  --lo-n-500:#8886A5;
  --lo-n-400:#B3B2C6;
  --lo-n-300:#D6D5E2;
  --lo-n-200:#E8E8EE;
  --lo-n-100:#F4F4F8;
  --lo-n-050:#FAFAFC;

  /* Semantic — text */
  --text-body:var(--lo-n-800);
  --text-muted:var(--lo-n-600);
  --text-heading:var(--lo-navy);
  --text-inverse:var(--lo-white);
  --text-inverse-muted:rgba(255,255,255,.72);
  --text-accent:var(--lo-red);
  --text-link:var(--lo-blue);
  --text-link-hover:var(--lo-navy);

  /* Semantic — surfaces */
  --surface-page:var(--lo-white);
  --surface-card:var(--lo-white);
  --surface-subtle:var(--lo-tint);
  --surface-muted:var(--lo-n-100);
  --surface-inverse:var(--lo-navy);
  --surface-overlay:rgba(18,16,46,.62);

  /* Semantic — lines */
  --border-hairline:var(--lo-grey);
  --border-strong:var(--lo-n-300);
  --border-inverse:rgba(255,255,255,.28);
  --focus-ring:var(--lo-blue);

  /* Semantic — status. The brand book defines no status palette; these reuse
     brand colours so nothing foreign enters the system. */
  --status-danger:var(--lo-red);
  --status-info:var(--lo-blue);
  --status-neutral:var(--lo-n-600);

  /* Signature gradients — navy to red, always left-to-right or 135deg */
  --gradient-brand:linear-gradient(90deg,var(--lo-navy) 0%,var(--lo-red) 100%);
  --gradient-brand-diagonal:linear-gradient(135deg,var(--lo-navy) 0%,var(--lo-navy) 38%,var(--lo-red) 100%);
  --gradient-title:linear-gradient(90deg,var(--lo-navy) 15%,var(--lo-red) 100%); /* deck title fill */
  --gradient-rail:linear-gradient(180deg,var(--lo-red) 0%,var(--lo-navy-band) 50%); /* letterhead left rail — measured: red to navy over the top half of the sheet */
  --gradient-band:linear-gradient(90deg,var(--lo-navy-band) 0%,var(--lo-navy-band) 45%,var(--lo-red) 100%); /* stationery contact bands */
  --gradient-photo-veil:linear-gradient(90deg,rgba(27,21,97,.92) 0%,rgba(27,21,97,.55) 100%); /* @kind color */
}