:root {
  /* Colors — Bölüm 2 & 7: Deep Navy / Charcoal / Premium Gold / White / Off White / Warm Gray */
  --color-navy: #0b1a33;
  --color-navy-light: #12274a;
  --color-charcoal: #1f2328;
  --color-gold: #b8933e;
  --color-gold-light: #d4b268;
  --color-white: #ffffff;
  --color-off-white: #f7f5f1;
  --color-gray: #6b7280;
  --color-gray-light: #e5e2db;
  --color-border: #dcd8cf;

  /* Typography */
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --fs-h1: clamp(2.25rem, 4vw, 3.5rem);
  --fs-h2: clamp(1.75rem, 3vw, 2.25rem);
  --fs-h3: 1.25rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --lh-body: 1.6;

  /* Spacing */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 5rem;

  /* Container */
  --container-max: 1200px;

  /* Radius / Shadow / Border */
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-sm: 0 1px 3px rgba(11, 26, 51, 0.08);
  --shadow-md: 0 4px 16px rgba(11, 26, 51, 0.10);
  --border-width: 1px;

  /* Z-index */
  --z-header: 100;
  --z-mobile-nav: 90;

  /* Transition */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* Breakpoints (informational — media queries use raw px) */
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}

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