:root {
  color-scheme: dark;
  --dot-bg: #0e0f12;
  --dot-surface: #14151a;
  --dot-card: #17181e;
  --dot-border: #2a2b33;
  --dot-ink: #eceef2;
  --dot-muted: #8b8f9a;
  --dot-accent: #6ea8fe;
  --dot-success: #3ecf8e;
  --dot-warning: #d9a441;
  --dot-danger: #e5484d;
  --dot-font: "Bricolage Grotesque", system-ui, sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}