/* GENERATED FILE — do not edit.
 * Source: src/styles/global.css (between the @mw-tokens markers)
 * Regenerate: node scripts/sync-tokens.mjs
 * This is the shared MW 4.0 palette for the portal and the owner console.
 */

:root {
  /* dark */
  --mw-dark-page: #101113;
  --mw-dark-surface: #1b1c1e;
  --mw-dark-surface-2: #0c0d0f;
  --mw-dark-line: #353638;
  --mw-dark-line-soft: #222326;
  --mw-dark-line-hover: #4a4b4e;
  --mw-dark-text: #f2f1ee;
  --mw-dark-muted: #aaa9a6;
  --mw-dark-accent: #a89783;
  --mw-dark-accent-soft: #3a342c;
  --mw-dark-btn-bg: #f2f1ee;
  --mw-dark-btn-fg: #101113;
  --mw-dark-display-a: #ffffff;
  --mw-dark-display-b: #a9a7a2;
  --mw-dark-display-soft: #cfcdc7;
  --mw-dark-sheen: rgba(255, 255, 255, 0.055);
  --mw-dark-grid: rgba(255, 255, 255, 0.022);
  --mw-dark-air: rgba(255, 255, 255, 0.045);
  --mw-dark-air-warm: rgba(168, 151, 131, 0.05);
  --mw-dark-veil: rgba(16, 17, 19, 0.94);
  --mw-dark-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
  --mw-dark-shadow-2: 0 2px 4px rgba(0, 0, 0, 0.35), 0 20px 44px -30px rgba(0, 0, 0, 0.9);
  --mw-dark-shadow-3: 0 3px 8px rgba(0, 0, 0, 0.4), 0 46px 96px -56px rgba(0, 0, 0, 0.95);
  --mw-dark-image-edge: inset 0 1px 0 rgba(255, 255, 255, 0.06);

  /* light — re-tuned, not a port: shadows are tighter and much lighter,
     rules carry the separation instead of darkness. */
  --mw-light-page: #f7f7f5;
  --mw-light-surface: #ffffff;
  --mw-light-surface-2: #f0f0ee;
  --mw-light-line: #dddcd9;
  --mw-light-line-soft: #e8e7e4;
  --mw-light-line-hover: #c6c5c1;
  --mw-light-text: #202124;
  --mw-light-muted: #686868;
  --mw-light-accent: #6f5f4b;
  --mw-light-accent-soft: #e2d9cd;
  --mw-light-btn-bg: #202124;
  --mw-light-btn-fg: #ffffff;
  --mw-light-display-a: #1b1c1e;
  --mw-light-display-b: #6b6e71;
  --mw-light-display-soft: #4a4d50;
  --mw-light-sheen: rgba(255, 255, 255, 0.9);
  --mw-light-grid: rgba(32, 33, 36, 0.032);
  --mw-light-air: rgba(255, 255, 255, 0.5);
  --mw-light-air-warm: rgba(137, 119, 98, 0.04);
  --mw-light-veil: rgba(247, 247, 245, 0.95);
  --mw-light-shadow-1: 0 1px 2px rgba(24, 26, 28, 0.06);
  --mw-light-shadow-2: 0 1px 2px rgba(24, 26, 28, 0.05), 0 16px 32px -26px rgba(24, 26, 28, 0.22);
  --mw-light-shadow-3: 0 1px 3px rgba(24, 26, 28, 0.06), 0 34px 64px -44px rgba(24, 26, 28, 0.3);
  --mw-light-image-edge: inset 0 0 0 1px rgba(24, 26, 28, 0.03);
}

/* ============================================================
   3. THEME MAPPING

   `:root` alone follows the operating system, so the page is already the
   right colour before a single byte of JavaScript runs — that is the
   no-flash guarantee, not a script. `data-theme` only exists when the
   visitor has chosen a theme explicitly, and it outranks both blocks
   below it (attribute selector > `:root`).
   ============================================================ */
:root {
  color-scheme: light dark;

  --color-ink: var(--mw-dark-page);
  --color-surface: var(--mw-dark-surface);
  --color-surface-2: var(--mw-dark-surface-2);
  --color-line: var(--mw-dark-line);
  --color-line-soft: var(--mw-dark-line-soft);
  --color-text: var(--mw-dark-text);
  --color-muted: var(--mw-dark-muted);
  --color-accent: var(--mw-dark-accent);
  --color-accent-soft: var(--mw-dark-accent-soft);

  --mw-hover-line: var(--mw-dark-line-hover);
  --mw-btn-bg: var(--mw-dark-btn-bg);
  --mw-btn-fg: var(--mw-dark-btn-fg);
  --mw-display-a: var(--mw-dark-display-a);
  --mw-display-b: var(--mw-dark-display-b);
  --mw-display-soft: var(--mw-dark-display-soft);
  --mw-sheen: var(--mw-dark-sheen);
  --mw-grid: var(--mw-dark-grid);
  --mw-air: var(--mw-dark-air);
  --mw-air-warm: var(--mw-dark-air-warm);
  --mw-veil: var(--mw-dark-veil);
  --mw-shadow-1: var(--mw-dark-shadow-1);
  --mw-shadow-2: var(--mw-dark-shadow-2);
  --mw-shadow-3: var(--mw-dark-shadow-3);
  --mw-image-edge: var(--mw-dark-image-edge);
  --mw-logo-filter: none;
  --dur-theme: 0ms;
}

@media (prefers-color-scheme: light) {
  :root {
    --color-ink: var(--mw-light-page);
    --color-surface: var(--mw-light-surface);
    --color-surface-2: var(--mw-light-surface-2);
    --color-line: var(--mw-light-line);
    --color-line-soft: var(--mw-light-line-soft);
    --color-text: var(--mw-light-text);
    --color-muted: var(--mw-light-muted);
    --color-accent: var(--mw-light-accent);
    --color-accent-soft: var(--mw-light-accent-soft);

    --mw-hover-line: var(--mw-light-line-hover);
    --mw-btn-bg: var(--mw-light-btn-bg);
    --mw-btn-fg: var(--mw-light-btn-fg);
    --mw-display-a: var(--mw-light-display-a);
    --mw-display-b: var(--mw-light-display-b);
    --mw-display-soft: var(--mw-light-display-soft);
  --mw-display-soft: var(--mw-light-display-soft);
    --mw-sheen: var(--mw-light-sheen);
    --mw-grid: var(--mw-light-grid);
    --mw-air: var(--mw-light-air);
    --mw-air-warm: var(--mw-light-air-warm);
    --mw-veil: var(--mw-light-veil);
    --mw-shadow-1: var(--mw-light-shadow-1);
    --mw-shadow-2: var(--mw-light-shadow-2);
    --mw-shadow-3: var(--mw-light-shadow-3);
    --mw-image-edge: var(--mw-light-image-edge);
    --mw-logo-filter: brightness(0) saturate(0);
  }
}

html[data-theme="light"] {
  color-scheme: light;

  --color-ink: var(--mw-light-page);
  --color-surface: var(--mw-light-surface);
  --color-surface-2: var(--mw-light-surface-2);
  --color-line: var(--mw-light-line);
  --color-line-soft: var(--mw-light-line-soft);
  --color-text: var(--mw-light-text);
  --color-muted: var(--mw-light-muted);
  --color-accent: var(--mw-light-accent);
  --color-accent-soft: var(--mw-light-accent-soft);

  --mw-hover-line: var(--mw-light-line-hover);
  --mw-btn-bg: var(--mw-light-btn-bg);
  --mw-btn-fg: var(--mw-light-btn-fg);
  --mw-display-a: var(--mw-light-display-a);
  --mw-display-b: var(--mw-light-display-b);
  --mw-display-soft: var(--mw-light-display-soft);
  --mw-sheen: var(--mw-light-sheen);
  --mw-grid: var(--mw-light-grid);
  --mw-air: var(--mw-light-air);
  --mw-air-warm: var(--mw-light-air-warm);
  --mw-veil: var(--mw-light-veil);
  --mw-shadow-1: var(--mw-light-shadow-1);
  --mw-shadow-2: var(--mw-light-shadow-2);
  --mw-shadow-3: var(--mw-light-shadow-3);
  --mw-image-edge: var(--mw-light-image-edge);
  --mw-logo-filter: brightness(0) saturate(0);
}

html[data-theme="dark"] {
  color-scheme: dark;

  --color-ink: var(--mw-dark-page);
  --color-surface: var(--mw-dark-surface);
  --color-surface-2: var(--mw-dark-surface-2);
  --color-line: var(--mw-dark-line);
  --color-line-soft: var(--mw-dark-line-soft);
  --color-text: var(--mw-dark-text);
  --color-muted: var(--mw-dark-muted);
  --color-accent: var(--mw-dark-accent);
  --color-accent-soft: var(--mw-dark-accent-soft);

  --mw-hover-line: var(--mw-dark-line-hover);
  --mw-btn-bg: var(--mw-dark-btn-bg);
  --mw-btn-fg: var(--mw-dark-btn-fg);
  --mw-display-a: var(--mw-dark-display-a);
  --mw-display-b: var(--mw-dark-display-b);
  --mw-display-soft: var(--mw-dark-display-soft);
  --mw-sheen: var(--mw-dark-sheen);
  --mw-grid: var(--mw-dark-grid);
  --mw-air: var(--mw-dark-air);
  --mw-air-warm: var(--mw-dark-air-warm);
  --mw-veil: var(--mw-dark-veil);
  --mw-shadow-1: var(--mw-dark-shadow-1);
  --mw-shadow-2: var(--mw-dark-shadow-2);
  --mw-shadow-3: var(--mw-dark-shadow-3);
  --mw-image-edge: var(--mw-dark-image-edge);
  --mw-logo-filter: none;
}