:root{
  /* Brand navy — from the logo wordmark (#002349) */
  --navy-900:#001730;--navy-800:#002349;--navy-700:#06305e;--navy-600:#0b4179;--navy-500:#14589b;--navy-100:#e6ecf3;
  /* Light blue — logo secondary */
  --sky-600:#1682c9;--sky-500:#2e9be0;--sky-400:#5bb8f0;--sky-300:#8fd2f7;--sky-100:#ddf0fc;--sky-50:#f0f8fe;
  /* Magenta / pink — accent gradient */
  --magenta-800:#7d0d46;--magenta-700:#a0125a;--magenta-600:#c2186f;--magenta-500:#e32c89;--magenta-400:#ff57a6;--magenta-100:#ffe3f0;
  /* Neutrals */
  --ink-900:#10151c;--ink-800:#1d2531;--ink-700:#333d4b;--ink-500:#5a6675;--ink-400:#8a94a2;--ink-300:#b9c2cd;--ink-200:#d8dee6;--ink-100:#edf1f5;--ink-50:#f7f9fb;--white:#ffffff;
  /* Semantic status */
  --success-600:#12855f;--success-100:#e2f5ee;--warning-600:#b8730a;--warning-100:#fdf1dc;--danger-600:#c22525;--danger-100:#fce6e6;

  /* --- Semantic aliases (use these in components) --- */
  --text-strong:var(--navy-800);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-faint:var(--ink-400);
  --text-inverse:var(--white);
  --text-inverse-muted:rgba(255,255,255,.72);
  --text-link:var(--navy-600);
  --text-link-hover:var(--magenta-600);

  --surface-page:var(--white);
  --surface-muted:var(--ink-50);
  --surface-card:var(--white);
  --surface-navy:var(--navy-800);
  --surface-navy-deep:var(--navy-900);
  --surface-sky:var(--sky-50);
  --surface-accent-soft:var(--magenta-100);
  --surface-accent:var(--magenta-600);
  --surface-accent-deep:var(--magenta-800);

  --border-subtle:var(--ink-200);
  --border-hairline:var(--ink-100);
  --border-strong:var(--ink-300);
  --border-on-navy:rgba(255,255,255,.16);

  --accent:var(--magenta-600);
  --accent-hover:var(--magenta-700);
  --accent-press:var(--magenta-800);
  --accent-gradient:linear-gradient(100deg,var(--magenta-600) 0%,var(--magenta-400) 100%);
  --accent-gradient-hover:linear-gradient(100deg,var(--magenta-700) 0%,var(--magenta-500) 100%);
  --navy-gradient:linear-gradient(160deg,var(--navy-800) 0%,var(--navy-900) 100%);
  --hero-scrim:linear-gradient(90deg,rgba(0,23,48,.88) 0%,rgba(0,23,48,.62) 45%,rgba(0,23,48,.15) 100%); /* @kind color */

  --border-accent:var(--magenta-600);
  --rule-accent:var(--magenta-600);
  --watermark-ink:rgba(0,35,73,.05);
  --focus-ring:0 0 0 3px rgba(46,155,224,.45);
  --rating-star:#f5a623;
}