:root{
/* — Base palette — */
--mmi-green:#007104; /* MMI gear green (logo) */
--mmi-teal:#167075; /* sweep-motif teal (2024 profile/deck) */
--mmi-teal-deep:#0e5054;
--mmi-green-bright:#13834c; /* sweep-motif green */
--mmi-green-deep:#1e5b22;
--mmi-green-soft:#e3efe3;
--mmi-ink:#161616; /* MMI wordmark black */
--mci-red:#b8150d; /* MCI brand red (footer/bands) */
--mci-red-logo:#c13b35; /* skyline red in logo */
--mci-red-deep:#8f1009;
--mci-red-soft:#f7e6e5;
--mci-green:#198025; /* MCI arc green */
--mci-charcoal:#333638; /* MCI wordmark charcoal */
/* neutrals (brochure silver diagonals, letterhead grays) */
--gray-900:#222426;
--gray-700:#4a4d4f;
--gray-500:#8a8d8f;
--gray-300:#c9cbcc;
--gray-150:#e6e7e8;
--gray-075:#f3f4f4;
--white:#ffffff;
/* — Semantic aliases (default: MMI, the parent brand) — */
--brand-primary:var(--mmi-green);
--brand-primary-deep:var(--mmi-green-deep);
--brand-primary-soft:var(--mmi-green-soft);
--brand-accent:var(--mmi-teal);
--brand-ink:var(--mmi-ink);
--text-body:var(--gray-900);
--text-muted:var(--gray-700);
--text-faint:var(--gray-500);
--text-on-primary:var(--white);
--surface-page:var(--white);
--surface-card:var(--white);
--surface-tint:var(--gray-075);
--border-subtle:var(--gray-150);
--border-strong:var(--gray-300);
--link:var(--brand-primary-deep);
--link-hover:var(--brand-primary);
}
[data-brand="mci"]{
--brand-primary:var(--mci-red);
--brand-primary-deep:var(--mci-red-deep);
--brand-primary-soft:var(--mci-red-soft);
--brand-accent:var(--mci-green);
--brand-ink:var(--mci-charcoal);
--link:var(--mci-red-deep);
--link-hover:var(--mci-red);
}
[data-brand="mmi"]{
--brand-primary:var(--mmi-green);
--brand-primary-deep:var(--mmi-green-deep);
--brand-primary-soft:var(--mmi-green-soft);
--brand-accent:var(--mmi-teal);
--brand-ink:var(--mmi-ink);
--link:var(--mmi-green-deep);
--link-hover:var(--mmi-green);
}