:root{
/* ── Base palette — from megis_Design System.fig ────────────────────
   Three corals, three yellows, one green. */
--megis-coral-dark:#FF4255;--megis-coral:#FF5A6A;--megis-coral-light:#FFA6AF;
--megis-yellow-dark:#FFC640;--megis-yellow:#FFCF4B;--megis-yellow-light:#FFEA94;
--megis-green:#38544F;
--megis-cream:#FFFEF8;--megis-white:#FFFFFF;--megis-black:#000000;
--megis-charcoal:#3A3A3A;--megis-grey-600:#747474;--megis-grey-300:#D9D9D9;--megis-grey-250:#D0D0D0;--megis-grey-200:#E8E8E8;
/* ── Semantic aliases ──────────────────────────────────────────────── */
--surface-page:var(--megis-cream);
--surface-raised:var(--megis-white);
--surface-brand:var(--megis-coral);
--surface-brand-warm:var(--megis-yellow);
--surface-dark:var(--megis-charcoal);
--surface-dark-alt:var(--megis-green);
--surface-muted:var(--megis-grey-200);
--text-body:var(--megis-charcoal);
--text-muted:var(--megis-grey-600);
--text-heading:var(--megis-green);
--text-on-dark:var(--megis-cream);
--text-on-brand:var(--megis-cream);
--text-accent:var(--megis-coral);
--text-accent-warm:var(--megis-yellow);
--border-subtle:var(--megis-grey-250);
--border-strong:var(--megis-charcoal);
--symbol-ink:var(--megis-charcoal);
--symbol-on-dark:var(--megis-yellow);
--symbol-oversized-on-yellow:var(--megis-yellow-dark);
--symbol-oversized-on-coral:var(--megis-coral-dark);
--link-color:var(--megis-coral);
--link-color-hover:var(--megis-coral-light);
}
/* Dark placements. Two interchangeable dark grounds:
   charcoal pairs with coral, deep green pairs with yellow. */
[data-megis-theme="dark-charcoal"]{--surface-page:var(--megis-charcoal);--surface-raised:var(--megis-green);--text-body:var(--megis-cream);--text-heading:var(--megis-cream);--text-muted:var(--megis-grey-300);--text-accent:var(--megis-coral);--border-subtle:var(--megis-grey-600);--border-strong:var(--megis-cream);--symbol-ink:var(--megis-yellow);--link-color:var(--megis-coral);--link-color-hover:var(--megis-coral-light)}
[data-megis-theme="dark-green"]{--surface-page:var(--megis-green);--surface-raised:var(--megis-charcoal);--text-body:var(--megis-cream);--text-heading:var(--megis-cream);--text-muted:var(--megis-grey-300);--text-accent:var(--megis-yellow);--border-subtle:var(--megis-grey-600);--border-strong:var(--megis-cream);--symbol-ink:var(--megis-cream);--link-color:var(--megis-yellow);--link-color-hover:var(--megis-yellow-light)}