:root{
/* Official brand palette (mnx-brand-kit.pdf): Black, White, Teal */
--mnx-black:#000000;
--mnx-white:#ffffff;
--mnx-teal:#002c36;
/* Derived teal tint/shade ramp (not official — derived for UI use) */
--teal-950:#001a20;
--teal-900:#002c36;
--teal-800:#0a3f4b;
--teal-700:#155261;
--teal-600:#26697a;
--teal-500:#3d8496;
--teal-300:#8ab8c2;
--teal-100:#d3e4e6;
--teal-50:#eaf2f1;
/* Soft brand-approved fields ("light green/soft tones") */
--soft-green:#e4efe9;
--soft-mist:#f2f6f4;
/* Neutrals (derived from black/white) */
--gray-900:#141414;
--gray-700:#3d3d3d;
--gray-500:#6f6f6f;
--gray-300:#c4c4c4;
--gray-200:#e0e0e0;
--gray-100:#f0f0f0;
--gray-50:#f8f8f8;
/* Semantic aliases */
--surface-page:var(--mnx-white);
--surface-soft:var(--soft-mist);
--surface-card:var(--mnx-white);
--surface-inverse:var(--mnx-teal);
--text-heading:var(--mnx-black);
--text-body:var(--gray-700);
--text-muted:var(--gray-500);
--text-inverse:var(--mnx-white);
--accent:var(--mnx-teal);
--accent-hover:var(--teal-800);
--accent-active:var(--teal-950);
--border-default:var(--gray-200);
--border-strong:var(--mnx-black);
--focus-ring:var(--teal-500);
--danger:#8c2b21;
--success:#1f5c3d;
}