/* ==========================================================================
   YATAKSAN THEME VARIANTS (Tek Dosyada Tüm Renk & Atmosfer Paletleri)
   Kullanım: :root içerisine istediğiniz paletin değerlerini yazabilir veya
   data-theme="warm" / data-theme="organic" / data-theme="pure" ile anında değiştirebilirsiniz.
   ========================================================================== */

/* --------------------------------------------------------------------------
   AKTİF PALET (Varyant 2: Organik İskandinav & Doğal Keten - Ferah Uyku)
   -------------------------------------------------------------------------- */
:root {
  /* TEMEL RENKLER */
  --primary: #222c33;
  --primary-light: #323f49;
  --secondary: #5a6975;

  /* VURGU RENKLERİ (Soft Adaçayı Yeşili & Doğal Keten) */
  --accent: #557c67;
  --accent-hover: #436352;
  --accent-light: #edf4f0;
  --accent-glow: rgba(85, 124, 103, 0.18);
  --linen: #b69b7d;

  /* METİN RENKLERİ */
  --dark: #161d22;
  --text: #37434d;
  --text-muted: #6e7d89;
  --text-dark: #12181c;

  /* ARKA PLANLAR (Temiz, Ferah ve Doğal) */
  --bg-light: #f5f8f6;
  --bg-white: #ffffff;
  --bg-cream: #faf7f2;
  --bg-warm: #fcfefd;
  --bg-hero: linear-gradient(135deg, #f7faf8 0%, #edf4f0 50%, #e2ede6 100%);
  --bg-dark-section: linear-gradient(135deg, #1b2329 0%, #151c21 100%);

  /* İŞLEVSEL */
  --success: #2e7d32;
  --border: #dfede5;
  --border-light: #ebf3ee;

  /* KÖŞE YUVARLAKLIĞI (Border Radius) */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  /* GÖLGELER */
  --shadow-sm: 0 2px 10px rgba(34, 44, 51, 0.03);
  --shadow-md: 0 10px 30px rgba(34, 44, 51, 0.06);
  --shadow-lg: 0 22px 50px rgba(34, 44, 51, 0.10);
  --shadow-accent: 0 8px 24px rgba(85, 124, 103, 0.32);

  /* GEÇİŞLER & TİPOGRAFİ */
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-fast: all 0.2s ease;
  --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* BÖLÜM BOŞLUKLARI */
  --section-py: 90px;
  --section-py-sm: 70px;
}

/* --------------------------------------------------------------------------
   VARYANT 1: LÜKS OTEL & KAŞMİR (Warm Cashmere & Champagne)
   Aktif etmek için :root içine kopyalayabilir veya html[data-theme="cashmere"] kullanabilirsiniz.
   -------------------------------------------------------------------------- */
html[data-theme="cashmere"] {
  --primary: #1e2229;
  --primary-light: #2d323b;
  --secondary: #525a66;
  --accent: #b58d57;
  --accent-hover: #9c733e;
  --accent-light: #faf5ed;
  --accent-glow: rgba(181, 141, 87, 0.16);
  --text: #3d434d;
  --text-muted: #6b7280;
  --text-dark: #181b20;
  --bg-light: #f8f6f2;
  --bg-cream: #f4efe6;
  --bg-warm: #fcfbf9;
  --bg-hero: linear-gradient(135deg, #faf7f2 0%, #f3ede2 50%, #eae2d3 100%);
  --bg-dark-section: linear-gradient(135deg, #1e242d 0%, #171b22 100%);
  --border: #e8e2d8;
  --border-light: #f0ebe1;
  --shadow-accent: 0 8px 25px rgba(181, 141, 87, 0.28);
}

/* --------------------------------------------------------------------------
   VARYANT 3: MODERN FERAH MİMARİ (Clean Tech, Safir & Bronz)
   -------------------------------------------------------------------------- */
html[data-theme="pure-blue"] {
  --primary: #162436;
  --primary-light: #22354c;
  --secondary: #4b617a;
  --accent: #3b6cb5;
  --accent-hover: #2e5491;
  --accent-light: #edf3fb;
  --accent-glow: rgba(59, 108, 181, 0.18);
  --text: #334454;
  --text-muted: #62778c;
  --text-dark: #0f1926;
  --bg-light: #f4f7fb;
  --bg-cream: #eef3f9;
  --bg-warm: #fafdff;
  --bg-hero: linear-gradient(135deg, #f4f8fc 0%, #e9f1f9 50%, #dbe8f5 100%);
  --bg-dark-section: linear-gradient(135deg, #121e2d 0%, #0d1622 100%);
  --border: #dbe4ee;
  --border-light: #e8f0f8;
  --shadow-accent: 0 8px 25px rgba(59, 108, 181, 0.30);
}