:root{
/* base — brand red */
--red-900:#5C0D14;--red-800:#7A1019;--red-700:#96151F;--red-600:#C2202B;--red-500:#D53A44;--red-400:#E06B72;--red-100:#F9DEDF;--red-50:#FDF1F1;
/* base — neutrals */
--charcoal-900:#1C1D20;--charcoal-800:#2A2B2F;--graphite-700:#464951;--graphite-500:#6B6E76;--grey-400:#9A9CA3;--grey-300:#C4C6CB;--grey-200:#E1E2E5;--grey-100:#EFEFF1;--off-white:#FAF8F5;--white:#FFFFFF;
/* base — pigment spectrum accents (support only) */
--pigment-deep-blue:#1B3A6B;--pigment-royal-blue:#2C5DAA;--pigment-green:#3C7A4C;--pigment-emerald:#0E8F6F;--pigment-ochre:#C68A2E;--pigment-orange:#D9711F;--pigment-vermillion:#D3401F;--pigment-crimson:#A31E33;
/* semantic — surfaces */
--surface-page:var(--off-white);--surface-card:var(--white);--surface-sunken:var(--grey-100);--surface-inverse:var(--charcoal-900);
/* semantic — text */
--text-primary:var(--charcoal-900);--text-secondary:var(--graphite-700);--text-tertiary:var(--grey-400);--text-inverse:var(--white);--text-on-red:var(--white);
/* semantic — brand / accent */
--accent-primary:var(--red-600);--accent-primary-hover:var(--red-700);--accent-primary-active:var(--red-800);--accent-primary-tint:var(--red-50);--accent-primary-border:var(--red-100);
/* semantic — borders + shadow */
--border-subtle:var(--grey-200);--border-default:var(--grey-300);--border-on-dark:rgba(255,255,255,.16);
--shadow-color:220 10% 10%;
--shadow-sm:0 1px 2px hsl(var(--shadow-color)/.06);
--shadow-md:0 4px 12px hsl(var(--shadow-color)/.08);
--shadow-lg:0 16px 40px hsl(var(--shadow-color)/.12);
}