:root {
  color-scheme: dark;

  --mv-bg: #0b0d10;
  --mv-bg-deep: #070a0e;
  --mv-panel: #151b24;
  --mv-panel-raised: #1d2530;
  --mv-field: #10151c;
  --mv-line: #303b49;
  --mv-text: #edf0f5;
  --mv-warm: #f5f2ea;
  --mv-on-warm: #111318;
  --mv-muted: #a7b0bc;
  --mv-blue: #5c7cff;
  --mv-blue-hover: #7893ff;
  --mv-on-blue: #070a0e;
  --mv-teal: #47d7ac;
  --mv-sand: #d6b36a;
  --mv-on-sand: #111318;
  --mv-red: #d94848;
  --mv-red-readable: #e96666;
  --mv-audit-bg: #123b30;
  --mv-risk-bg: #4a171b;
  /* Brand chrome zůstává tmavý i ve světlém režimu, aby bílé logo nezmizelo. */
  --mv-chrome-bg: #070a0e;
  --mv-chrome-panel: #151b24;
  --mv-chrome-raised: #1d2530;
  --mv-chrome-line: #303b49;
  --mv-chrome-text: #edf0f5;
  --mv-chrome-muted: #a7b0bc;
  --mv-chrome-blue: #5c7cff;
  --mv-chrome-on-blue: #070a0e;
  --mv-chrome-teal: #47d7ac;
  --mv-focus: rgb(92 124 255 / 38%);
  --mv-shadow: 0 1.5rem 4.375rem rgb(0 0 0 / 28%);
  --mv-radius-sm: 0.625rem;
  --mv-radius-md: 1.125rem;
  --mv-radius-lg: 1.75rem;
  --mv-content: 76rem;
  --mv-copy: 68ch;
  --mv-gutter: clamp(1rem, 4vw, 4rem);
  --mv-section-space: clamp(4.5rem, 10vw, 9rem);
  --mv-motion-fast: 160ms;
  --mv-motion-base: 240ms;
}

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

  --mv-bg: #f3f0e8;
  --mv-bg-deep: #e7e1d7;
  --mv-panel: #fbf9f4;
  --mv-panel-raised: #eee9df;
  --mv-field: #f7f4ee;
  --mv-line: #cbc4b8;
  --mv-text: #171a20;
  --mv-warm: #f5f2ea;
  --mv-on-warm: #111318;
  --mv-muted: #606874;
  --mv-blue: #3f5fd7;
  --mv-blue-hover: #2f4cbf;
  --mv-on-blue: #f8f9ff;
  --mv-teal: #0f715d;
  --mv-sand: #906719;
  --mv-on-sand: #f8f9ff;
  --mv-red: #b33b3b;
  --mv-red-readable: #b33b3b;
  --mv-audit-bg: #dcefe8;
  --mv-risk-bg: #f4dddd;
  --mv-focus: rgb(63 95 215 / 26%);
  --mv-shadow: 0 1.5rem 4.375rem rgb(38 32 22 / 13%);
}

html {
  min-height: 100%;
  background: var(--mv-bg);
  accent-color: var(--mv-blue);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --mv-motion-fast: 0ms;
    --mv-motion-base: 0ms;
  }
}