:root {
  color-scheme: dark;
  /* Deep navy-slate base — premium, easy on eyes */
  --bg: #0a0f1a;
  --bg-elevated: #111827;
  --surface: #151c2e;
  --surface-hover: #1c2640;
  --primary: #3b82f6;
  --secondary: #a78bfa;
  --text: #f1f5f9;
  --text-muted: #94a3b8;
  --border: rgba(148, 163, 184, 0.14);
  --border-strong: rgba(148, 163, 184, 0.22);
  --shadow: 0 12px 48px -8px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(59, 130, 246, 0.08);
  --shadow-soft: 0 4px 28px rgba(0, 0, 0, 0.35);
  --radius-sm: 12px;
  --radius: 16px;
  --radius-lg: 20px;
  --gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
  --gradient-soft: linear-gradient(135deg, rgba(59, 130, 246, 0.14) 0%, rgba(139, 92, 246, 0.18) 100%);
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  /* Yan boşluklar: dar ekranda daha az taşma */
  --container-gutter: clamp(1rem, 5vw, 1.5rem);
  --container: min(1180px, calc(100% - var(--container-gutter) * 2));
}

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