/* ═══════════════════════════════════════════════════════════════════════════
   mweb-theme — M-EasyMultiWeb AI+'s platform tokens.

   NEON MINT #3CF2B0, hue 158° — DECIDED 2026-10-19 under Joel's delegation (Run C brief R-C2; Joel's eye on the
   screenshots overrules). It replaces Run 324's violet #8E24AA.

   WHY A FILE OF ITS OWN, NOT A BLOCK IN THE MASTER (the Restaurant Boss / KL Tower precedent, Runs 289/293):
   public/css/modus-design-system.css is byte-identical in every platform repo; a new block there is a fan-out.

   MEASURED (Modus-Agent-OS/design/measure-accent.js '#3CF2B0' + WCAG relative luminance), Run 325:
     fill #3CF2B0 — a LIGHT accent. #fff on it is 1.45:1, so every master rule that puts white text on --accent is
       re-inked below with --accent-contrast #04231A (11.52:1 on the fill, 7.79:1 on the hover #22C98F).
     --accent-text #08754D on white 5.76:1. The brief's #0F8A5F measured 4.16:1 on --bg #f8f9fa — UNDER AA — so the
       tool's same-hue correction is used.
     dark --accent-text #3CF2B0: 12.34:1 on the dark --bg, 10.11:1 on --surface.
     focus rings: the master draws them in --accent (1.45:1 on white — under the 3:1 a focus indicator needs), so they
       are --accent-text here (5.76:1).
     P4: 7° from furnboss #224635 — UNDER the 15° floor (lightness separates them: fill L 0.71 vs 0.05). For Joel's eye.

   NO BACKGROUND TREATMENT: the master paints --app-bg-gradient on <body> of every page (Run 324).
   ═══════════════════════════════════════════════════════════════════════════ */

[data-platform="mweb"] {
  --accent: #3CF2B0;
  --accent-2: #22C98F;
  --accent-bg: rgba(60,242,176,0.12);
  --accent-glow: rgba(15,138,95,0.28);
  --accent-light: #D8FCEF;
  --accent-text: #08754D;
  --accent-contrast: #04231A;
  /* Run 373 (U3 S4): a field's edge is a CONTROL's edge — >= 3:1 (WCAG 1.4.11). The master's --border is 1.23:1 on white.
     #7b8798: 3.65:1 on --surface #fff, 3.46:1 on --bg #f8f9fa — and in the dark theme 4.01:1 on --surface #1e293b,
     3.49:1 on --surface-2: one value for both (a dark-only value was tried and could not be told apart, P572 retired). */
  --field-border: #7b8798;
}
[data-theme="dark"][data-platform="mweb"] {
  --accent-light: rgba(60,242,176,0.16);
  --accent-text: #3CF2B0;
}

/* Text ON the fill: the master hard-codes #fff on these eleven (1.45:1 on mint). */
[data-platform="mweb"] .btn-primary,
[data-platform="mweb"] .btn-primary:hover,
[data-platform="mweb"] .topbar-brand-dot,
[data-platform="mweb"] .topbar-avatar,
[data-platform="mweb"] .sidebar-brand-dot,
[data-platform="mweb"] .sidebar-user-avatar,
[data-platform="mweb"] .page-btn.active,
[data-platform="mweb"] .avatar,
[data-platform="mweb"] .step.active .step-dot,
[data-platform="mweb"] .step.done .step-dot,
[data-platform="mweb"] .skip-link,
[data-platform="mweb"] .bg-accent { color: var(--accent-contrast); }

/* Focus rings in the ink, not the fill. */
[data-platform="mweb"] :focus-visible { outline-color: var(--accent-text); }
[data-platform="mweb"] .toggle input:focus-visible + .toggle-track { outline-color: var(--accent-text); }

/* Registration is closed, so the Sign in / Register strip would hold one tab (KL Tower Run 307 — design critic). */
[data-platform="mweb"] .auth-tabs { display: none; }