:root{
/* Base palette — from Super J Brand Guidelines (working values, Aug 2026) */
--sj-navy:#021943;
--sj-deep-blue:#02397C;
--sj-bright-blue:#0470DD;
--sj-ice-blue:#50D3F8;
--sj-red:#CE0303;
--sj-deep-red:#860202;
--sj-white:#FDFDFD;
--sj-silver:#D4D4D7;
--sj-charcoal:#080712;
/* Derived tints (oklch-mixed from base palette) */
--sj-navy-800:#0A2A5E;
--sj-blue-50:#EFF6FE;
--sj-blue-100:#DBEBFC;
--sj-ice-50:#EDFAFE;
--sj-red-50:#FDEEEE;
--sj-gray-100:#F2F3F5;
--sj-gray-300:var(--sj-silver);
--sj-gray-500:#8A8D96;
--sj-gray-700:#3C4150;
/* Semantic */
--surface-page:var(--sj-white);
--surface-card:#FFFFFF;
--surface-navy:var(--sj-navy);
--surface-navy-raised:var(--sj-navy-800);
--surface-tint:var(--sj-blue-50);
--text-body:#22283A;
--text-muted:#5A6072;
--text-on-dark:var(--sj-white);
--text-muted-on-dark:#B9C4DB;
--text-heading:var(--sj-navy);
--accent-primary:var(--sj-red);
--accent-primary-hover:#B00303;
--accent-secondary:var(--sj-bright-blue);
--accent-secondary-hover:#035CB8;
--accent-cool:var(--sj-ice-blue);
--border-default:#E2E4E9;
--border-strong:var(--sj-navy);
--focus-ring:var(--sj-bright-blue);
--success:#0E7B3D;
--warning:#B96A02;
--danger:var(--sj-red);
}