:root {
  /* Color Palette - Modern Insurtech (Deep Navy, Vibrant Teal, Warm Gold) */
  --color-primary: #1e3a8a;       /* [ANA RENK] - Lütfen istediğiniz ana rengi buraya yazın */
  --color-primary-dark: #0f172a;  /* [ANA RENGİN KOYU TONU] */
  --color-secondary: #0f766e;     /* [İKİNCİL RENK] */
  --color-accent: #d97706;        /* [VURGU RENGİ] */
  
  --color-bg: #ffffff;
  --color-bg-soft: #f8fafc;
  --color-text: #1e293b;
  --color-text-muted: #64748b;
  --color-border: #e2e8f0;
  
  /* Status Colors */
  --color-success: #15803d;
  --color-warning: #b45309;
  --color-error: #b91c1c;
  --color-info: #0369a1;

  /* Typography */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.65;
  
  /* Dimensions & Spacing */
  --container-max-width: 1200px;
  --header-height: 80px;
  --utility-bar-height: 40px;
  
  /* Borders & Shadows */
  --border-radius-sm: 6px;
  --border-radius-md: 12px;
  --border-radius-lg: 24px;
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  
  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

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