:root {
  --color-bg: #f6f7fb;
  --color-surface: #ffffff;
  --color-surface-alt: #f4f8ff;
  --color-ink: #1f2a36;
  --color-muted: #6b7283;
  --color-border: #e6e8ef;
  --color-accent: #7fc0b0;
  --color-accent-2: #8db6ff;
  --color-warm: #f4d7a1;
  --color-positive: #62b69a;
  --color-negative: #e08d7c;
  --color-neutral: #9aa4b5;
  --shadow-soft: 0 14px 50px rgba(17, 24, 39, 0.08);
  --shadow-card: 0 10px 30px rgba(16, 24, 40, 0.06);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --transition-fast: 180ms ease;
  --max-content-width: 1340px;
}

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