:root{
/* Brand base */
--navy:#273248;--navy-deep:#1B2334;--navy-soft:#3B4966;--navy-tint:#5A6A8C;
--brick:#AF4F41;--brick-deep:#8F4034;--brick-tint:#C9705F;
--orange:#FFA364;--orange-deep:#F08A44;--orange-tint:#FFC49A;
--cream:#FFEBD2;--cream-soft:#FFF6EA;--white:#FFFFFF;
/* Navy-tinted neutrals */
--neutral-900:#273248;--neutral-700:#4A5468;--neutral-500:#6E7789;--neutral-400:#98A0AF;--neutral-300:#C3C8D2;--neutral-200:#E2E5EB;--neutral-100:#F2F4F7;
/* Semantic — surfaces */
--surface-page:var(--white);--surface-warm:var(--cream);--surface-warm-soft:var(--cream-soft);--surface-inverse:var(--navy);--surface-inverse-deep:var(--navy-deep);--surface-card:var(--white);
/* Semantic — text */
--text-heading:var(--navy);--text-body:var(--neutral-700);--text-muted:var(--neutral-500);--text-on-dark:var(--cream-soft);--text-on-dark-muted:#B8C0D0;--text-on-accent:var(--white);
/* Semantic — accents */
--accent-primary:var(--brick);--accent-primary-hover:var(--brick-deep);--accent-cta:var(--orange);--accent-cta-hover:var(--orange-deep);--accent-link:var(--brick);
/* Semantic — lines & focus */
--border-subtle:var(--neutral-200);--border-strong:var(--neutral-300);--border-on-dark:rgba(255,235,210,.18);--focus-ring:0 0 0 3px rgba(255,163,100,.45);
}