/* CSS Değişkenleri ve Tasarım Sistemi */
:root {
  /* Renk Paleti - Aydınlık Mod (Earthy / Academic Forest Green) */
  --primary-hue: 140;
  --primary-sat: 25%;
  --primary-light: 15%; /* Derin Orman Yeşili */
  
  --primary: hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));
  --primary-rgb: 29, 48, 35;
  --primary-hover: hsl(var(--primary-hue), var(--primary-sat), calc(var(--primary-light) + 8%));
  
  --accent: hsl(140, 20%, 35%); /* Mat Adaçayı Yeşili */
  --accent-rgb: 71, 107, 85;
  --accent-hover: hsl(140, 20%, 28%);
  
  --secondary: hsl(36, 30%, 50%); /* Toprak Altını / Muted Gold */
  --secondary-hover: hsl(36, 30%, 42%);
  
  --bg-primary: hsl(35, 15%, 97%); /* Ilık Kum / Krem Arka Plan */
  --bg-secondary: hsl(0, 0%, 100%); /* Saf Beyaz */
  --bg-card: hsla(0, 0%, 100%, 0.85);
  
  --text-primary: hsl(140, 30%, 10%); /* Derin Ladin Siyahı */
  --text-secondary: hsl(140, 12%, 35%); /* Muted Orman Yeşili */
  --text-muted: hsl(140, 8%, 58%);
  --text-light: hsl(0, 0%, 100%);
  
  --border-color: hsla(140, 12%, 88%, 0.8);
  --border-focus: hsl(140, 20%, 45%);
  
  /* Gölgeler ve Bulanıklık (Glassmorphism) */
  --shadow-sm: 0 2px 8px rgba(29, 48, 35, 0.04);
  --shadow-md: 0 8px 24px rgba(29, 48, 35, 0.06);
  --shadow-lg: 0 16px 48px rgba(29, 48, 35, 0.1);
  --glass-bg: rgba(255, 255, 255, 0.75);
  --glass-border: rgba(255, 255, 255, 0.6);
  
  /* Fontlar ve Tipografi */
  --font-title: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  /* Kenar Yuvarlaklıkları */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  
  /* Geçişler */
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Karanlık Mod Sınıfı veya Sistem Ayarı */
.dark-theme,
[data-theme="dark"] {
  --primary-light: 85%;
  --primary: hsl(var(--primary-hue), var(--primary-sat), 85%);
  --primary-rgb: 209, 224, 213;
  --primary-hover: hsl(var(--primary-hue), var(--primary-sat), 90%);
  
  --bg-primary: hsl(140, 20%, 8%); /* Çok Koyu Orman Siyahı */
  --bg-secondary: hsl(140, 20%, 11%); /* Koyu Ladin Yeşili */
  --bg-card: hsla(140, 20%, 11%, 0.8);
  
  --text-primary: hsl(35, 20%, 95%); /* Açık Krem */
  --text-secondary: hsl(140, 10%, 75%); /* Soluk Yaprak Rengi */
  --text-muted: hsl(140, 8%, 55%);
  
  --border-color: hsla(140, 15%, 20%, 0.8);
  
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.5);
  --glass-bg: rgba(22, 28, 24, 0.7);
  --glass-border: rgba(255, 255, 255, 0.05);
}