:root {
  color-scheme: dark light;
  --sites-ai-color-bg: #090b10;
  --sites-ai-color-surface: #141821;
  --sites-ai-color-surface-strong: #1c2230;
  --sites-ai-color-text: #f7f8fb;
  --sites-ai-color-muted: #aab2c0;
  --sites-ai-color-accent: #35d7c6;
  --sites-ai-color-accent-contrast: #07110f;
  --sites-ai-color-secondary: #ffbf69;
  --sites-ai-color-line: rgba(255, 255, 255, 0.15);
  --sites-ai-color-overlay: rgba(5, 7, 11, 0.82);
  --sites-ai-radius-sm: 6px;
  --sites-ai-radius-md: 8px;
  --sites-ai-radius-lg: 14px;
  --sites-ai-space-1: 4px;
  --sites-ai-space-2: 8px;
  --sites-ai-space-3: 12px;
  --sites-ai-space-4: 16px;
  --sites-ai-space-5: 20px;
  --sites-ai-space-6: 28px;
  --sites-ai-control-size: 44px;
  --sites-ai-content-width: 1180px;
  --sites-ai-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sites-ai-duration-fast: 160ms;
  --sites-ai-shadow: 0 12px 36px rgba(0, 0, 0, 0.3);
  --sites-ai-z-shell: 2147482000;
}

:root[data-sites-ai-theme="light"] {
  --sites-ai-color-bg: #f5f7fa;
  --sites-ai-color-surface: #ffffff;
  --sites-ai-color-surface-strong: #e8edf3;
  --sites-ai-color-text: #141821;
  --sites-ai-color-muted: #4d5868;
  --sites-ai-color-accent: #087f74;
  --sites-ai-color-accent-contrast: #ffffff;
  --sites-ai-color-secondary: #8a4f00;
  --sites-ai-color-line: rgba(20, 24, 33, 0.2);
  --sites-ai-color-overlay: rgba(245, 247, 250, 0.9);
  --sites-ai-shadow: 0 12px 36px rgba(20, 24, 33, 0.18);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sites-ai-duration-fast: 0ms;
  }
}