:root{
--osf-navy:#274F66;
--osf-navy-dark:#1B3A4B;
--osf-teal:#4D94A8;
--osf-teal-dark:#3A7488;
--osf-golden:#DBC45A;
--osf-golden-deep:#8A6815;
--osf-yellow:#F5D64C;
--osf-red:#E1494D;
--osf-red-text:#C33F42;
--osf-sand:#F4F1E9;
--pax-sage:#567571;
--pax-green:#2CAB4A;
--pax-gray:#445058;
--white:#FFFFFF;
--black:#1A1A1A;
--gray-50:#F7F6F3;
--gray-100:#EDEAE2;
--gray-200:#DCD8CC;
--gray-300:#BFBAAC;
--gray-400:#9A968A;
--gray-500:#706E68;
--gray-600:#5B5952;
--gray-700:#443F3E;
--gray-800:#2E2C2A;
--gray-900:#1D1C1B;
--color-primary:var(--osf-navy);
--color-primary-hover:var(--osf-navy-dark);
--color-accent:var(--osf-teal);
--color-accent-hover:var(--osf-teal-dark);
--color-gold:var(--osf-golden);
--color-gold-deep:var(--osf-golden-deep);
--color-success:var(--pax-green);
--color-danger:var(--osf-red);
--text-primary:var(--osf-navy);
--text-secondary:var(--gray-600);
--text-on-dark:var(--white);
--text-muted:var(--gray-500);
--surface-page:var(--white);
--surface-warm:var(--osf-sand);
--surface-card:var(--white);
--surface-sunken:var(--gray-50);
--border-subtle:var(--gray-200);
--border-strong:var(--osf-navy);
--focus-ring:var(--osf-teal);
}