:root {
  color-scheme: dark;

  --mv-bg: #0b0d10;
  --mv-bg-deep: #070a0e;
  --mv-panel: #151b24;
  --mv-panel-raised: #1d2530;
  --mv-line: #303b49;
  --mv-text: #edf0f5;
  --mv-warm: #f5f2ea;
  --mv-on-warm: #111318;
  --mv-muted: #a7b0bc;
  --mv-blue: #5c7cff;
  --mv-teal: #47d7ac;
  --mv-sand: #d6b36a;
  --mv-red: #d94848;
  --mv-audit-bg: #123b30;
  --mv-risk-bg: #4a171b;

  --mv-radius-sm: 0.625rem;
  --mv-radius-md: 1.125rem;
  --mv-radius-lg: 1.75rem;
  --mv-content: 76rem;
  --mv-copy: 68ch;
  --mv-gutter: clamp(1.25rem, 4vw, 4rem);
  --mv-section-space: clamp(4.5rem, 10vw, 9rem);
  --mv-shadow: 0 1.5rem 4.375rem rgb(0 0 0 / 28%);
  --mv-motion-fast: 160ms;
  --mv-motion-base: 240ms;
}

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