/* MOKASA palette. The page is ink and warm neutral. Magenta is a signal, not a background.
   Magenta TEXT on light uses --mk-accent-text (#B8155C), never #E0156F. White on #E0156F is 4.7:1.
   WhatsApp green never appears outside a phone mockup screen. */
:root {
  --mk-accent: #E0156F;       /* Magenta: fills only. Primary CTA, live dot, agent tile, one chart highlight */
  --mk-accent-hover: #B8155C; /* Deep magenta */
  --mk-accent-text: #B8155C;  /* Magenta as text on light (6.1:1) */
  --mk-accent-soft: #FDE7F1;  /* Soft magenta: AI pill, takeover banner */
  --mk-on-accent: #FFFFFF;

  --mk-canvas: #FAFAF9;
  --mk-surface: #FFFFFF;
  --mk-cream: #F5F4F1;
  --mk-cream-2: #EDEBE7;
  --mk-ink: #1F1F1B;
  --mk-ink-2: #3A3A35;
  --mk-muted: #6B6B66;
  --mk-subtle: #8A867E;       /* display sizes only */
  --mk-border: #E5E3DC;
  --mk-border-strong: #D6D3CA;
  --mk-band: #141412;

  --mk-ok: #2F6B4C;   --mk-ok-soft: #EAF3EE;
  --mk-warn: #8A5A0B; --mk-warn-soft: #FBF3E2;
  --mk-bad: #B42318;  --mk-bad-soft: #FDECEA;
  --mk-info: #2F5F8A; --mk-info-soft: #EAF1F8;

  --mk-font-display: "Inter Tight", "Inter", system-ui, sans-serif;
  --mk-font-body: "Inter", system-ui, sans-serif;
  --mk-font-mono: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mk-accent-hover: #F0368A; --mk-accent-text: #FF5C9D; --mk-accent-soft: #3A0F22;
    --mk-canvas: #121210; --mk-surface: #1A1A17; --mk-cream: #20201C; --mk-cream-2: #2A2A25;
    --mk-ink: #F2F1EC; --mk-ink-2: #D6D5CF; --mk-muted: #A3A29B; --mk-subtle: #7A776F;
    --mk-border: #2C2C27; --mk-border-strong: #3A3A34; --mk-band: #0B0B0A;
    --mk-ok: #6FBF94; --mk-warn: #E3B04B; --mk-bad: #F07A6A; --mk-info: #8DB7E0;
  }
}