:root{
/* Base palette — sampled from SPF logo + website */
--navy-950:#060e16;
--navy-900:#0a2033;
--navy-800:#123049;
--navy-700:#1c4260;
--navy-600:#2c5a80;
--navy-100:#e6ecf1;
--navy-50:#f2f5f8;

--red-900:#7a141b;
--red-700:#a41b23;
--red-600:#c31f27;
--red-500:#d8232a;
--red-400:#e2454b;
--red-100:#fbe1e2;
--red-50:#fdf0f0;

--off-white:#f2f2f0;
--white:#ffffff;

--gray-900:#211f1d;
--gray-700:#4a4744;
--gray-500:#77746f;
--gray-300:#c6c3bd;
--gray-200:#dedcd6;
--gray-100:#ececea;

--green-600:#3a7d44;
--amber-600:#b8760a;

/* Semantic aliases */
--surface-page:var(--off-white);
--surface-card:var(--white);
--surface-inverse:var(--navy-900);
--surface-sunken:var(--gray-100);

--text-primary:var(--navy-900);
--text-secondary:var(--gray-700);
--text-muted:var(--gray-500);
--text-on-navy:var(--white);
--text-on-red:var(--white);
--text-link:var(--red-600);
--text-link-hover:var(--red-700);

--border-default:var(--gray-200);
--border-strong:var(--navy-800);

--brand-primary:var(--navy-900);
--brand-accent:var(--red-600);
--brand-accent-hover:var(--red-700);

--status-success:var(--green-600);
--status-warning:var(--amber-600);
--status-danger:var(--red-600);
}