:root{
/* Brand core — sampled from logo files & business plan */
--os-yellow:#FFD230;
--os-yellow-deep:#F2C312; /* hover/pressed on yellow */
--os-navy:#2B4257;
--os-navy-deep:#22374A; /* hover on navy, deep surfaces */
--os-orange:#F9943B;
--os-orange-deep:#E67F24;
--os-teal:#0F779A;
--os-teal-deep:#0C6280;
/* Surfaces & neutrals (navy-tinted) */
--os-white:#FFFFFF;
--os-cream:#FEFBEA;
--os-paper:#E9EAEA;
--os-fog:#F0F3F4;
--os-mist:#CBD5DB;
--os-slate:#5C7180;
--os-ink-soft:#3C566B;
/* Semantic aliases */
--surface-page:var(--os-white);
--surface-warm:var(--os-cream);
--surface-card:var(--os-white);
--surface-tint:var(--os-fog);
--surface-dark:var(--os-navy);
--surface-brand:var(--os-yellow);
--text-heading:var(--os-navy);
--text-body:var(--os-ink-soft);
--text-muted:var(--os-slate);
--text-on-dark:#FFFFFF;
--text-on-dark-muted:#B9C7D1;
--text-on-yellow:var(--os-navy);
--accent:var(--os-yellow);
--accent-2:var(--os-orange);
--accent-3:var(--os-teal);
--link:var(--os-teal);
--link-hover:var(--os-teal-deep);
--border-card:var(--os-mist);
--border-input:var(--os-mist);
--focus-ring:var(--os-teal);
--success:#3E8E5A;
--danger:#CC4B37;
}