/* Tasarım Sistemi Değişkenleri (Design Tokens) */

:root {
   /* Renk Paleti */

   /* Ana Renk: Mavi (Güven, Profesyonellik) */
   --primary-color: #2c3e50;
   /* Koyu Lacivert/Gri - Kurumsal görünüm */
   --primary-light: #34495e;
   /* Biraz daha açık tonu - Hover durumları için */
   --primary-dark: #1a252f;
   /* Daha koyu tonu - Header/Footer için */

   /* İkinci Renk: Altın (Lüks, Kalite, Vurgu) */
   --secondary-color: #b4a078;
   /* Mat Altın rengi - Premium hissi verir */
   --secondary-light: #d4c5a5;
   /* Açık altın - Arka plan süslemeleri için */

   /* Vurgu Rengi: Canlı Altın/Turuncu */
   --accent-gold: #c5a059;
   /* Butonlar ve linkler için dikkat çekici renk */

   /* Zemin Renkleri (Backgrounds) */
   --light: #f8f9fa;
   /* Çok açık gri - Yumuşak sayfa arka planı */
   --dark: #212529;
   /* Neredeyse siyah - Footer ve çok koyu alanlar*/
   --white: #ffffff;
   /* Tam beyaz - Kart içleri ve temiz alanlar */

   /* Özel Alan Arka Planları */
   --primary-bg: #fdfdfd;
   /* Hafif kırık beyaz */
   --secondary-bg: #2c3e50;
   /* Koyu zeminli bölümler için (primary-color ile aynı) */

   /* Metin Renkleri (Typography) */
   --text-main: #555555;
   /* Ana metin rengi - Göz yormayan koyu gri */
   --text-light: #ffffff;
   /* Koyu zemin üzerindeki yazı rengi (Beyaz) */
   --gray: #6c757d;
   /* Yardımcı metinler, tarihler vb. */
   --gray-light: #adb5bd;
   /* Çizgiler ve kenarlıklar için açık gri */

   /* Durum Renkleri (Feedback) */
   --success: #198754;
   /* Yeşil - Başarılı işlem */
   --danger: #dc3545;
   /* Kırmızı - Hata veya Silme */
   --warning: #ffc107;
   /* Sarı - Uyarı */
   --info: #0dcaf0;
   /* Mavi - Bilgilendirme */

   /* Sosyal Medya & Marka Renkleri */
   --whatsapp: #25D366;
   /* WhatsApp yeşili */

   /* Yazı Tipleri */
   --font-heading: 'Playfair Display', serif;
   /* Başlıklar için tırnaklı, şık font */
   --font-body: 'Inter', sans-serif;
   /* Düz metin için okunaklı, modern font */

   /* Ölçüler ve Kenarlıklar */

   /* Köşe Yuvarlatma (Border Radius) */
   --radius-sm: 0.25rem;
   /* 4px - Ufak butonlar */
   --radius: 0.375rem;
   /* 6px - Standart inputlar */
   --radius-md: 0.5rem;
   /* 8px - Kartlar */
   --radius-lg: 1rem;
   /* 16px - Büyük kartlar/Resimler */
   --radius-xl: 1.5rem;
   /* 24px - Çok büyük bölümler */
   --radius-full: 50rem;
   /* Tam oval (Hap şekli) */

   /* Gölgeler (Box Shadows) - Derinlik hissi verir */
   --shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
   /* Çok hafif */
   --shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
   /* Belirgin (Kartlar) */
   --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
   /* Orta seviye */
   --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
   /* Çok derin (Pop-up) */

   /* Animasyon Süreleri (Transitions) */
   --transition-fast: 0.2s ease;
   /* Hızlı tepki (Hover) */
   --transition: 0.3s ease;
   /* Normal geçiş */
   --transition-slow: 0.5s ease;
   /* Yavaş, ağır çekim */
}