:root{
--ink-blue-900:#141b2c;
--ink-blue-700:#22304A;
--ink-blue-500:#3d5378;
--ink-blue-300:#8b98ae;
--ink-blue-100:#dde2e9;
--sage-700:#5f6b63;
--sage-500:#7C8B82;
--sage-300:#a9b4ad;
--sage-100:#e3e7e3;
--bone-500:#ded4c0;
--bone-300:#EDE8DE;
--bone-100:#f8f5ef;
--charcoal-900:#33322E;
--charcoal-600:#5c5b55;
--charcoal-300:#9b9a93;
--ochre-700:#96692a;
--ochre-500:#C08A33;
--ochre-300:#d7ac6d;
--ochre-100:#f1e3cc;
--white:#ffffff;
--surface-page:var(--bone-300);
--surface-card:var(--bone-100);
--surface-card-alt:var(--sage-100);
--surface-inverse:var(--ink-blue-700);
--surface-inverse-alt:var(--ink-blue-900);
--border-subtle:var(--bone-500);
--border-strong:var(--charcoal-300);
--border-inverse:rgba(255,255,255,0.18);
--text-primary:var(--charcoal-900);
--text-secondary:var(--charcoal-600);
--text-tertiary:var(--charcoal-300);
--text-inverse:var(--bone-100);
--text-inverse-secondary:var(--ink-blue-100);
--text-accent:var(--ochre-700);
--text-link:var(--ink-blue-700);
--text-link-hover:var(--ink-blue-500);
--action-primary:var(--ink-blue-700);
--action-primary-hover:var(--ink-blue-500);
--action-primary-active:var(--ink-blue-900);
--action-secondary:var(--sage-500);
--action-secondary-hover:var(--sage-700);
--accent:var(--ochre-500);
--accent-hover:var(--ochre-700);
--accent-subtle:var(--ochre-100);
--focus-ring:var(--ochre-500);
--success:#4d7a5f;
--warning:var(--ochre-500);
--danger:#8c3f34;
--shadow-color:rgba(34,48,74,0.14);
}