/* ============================================================
   EXPERTA — Design Tokens (tek kaynak)
   Aktif kimlik: S2 "Gece Teali" — WGSN/Coloro S/S 26 paleti:
   Transformative Teal + Electric Fuchsia + Amber Haze.
   Kimlik değişirse SADECE bu dosyayı güncelle.
   ============================================================ */
:root {
  /* ---------- MARKA RENKLERİ (S2) ---------- */
  --brand-accent:      #E12FAE;  /* electric fuchsia — CTA, vurgu, linkler */
  --brand-accent-dark: #C01F93;  /* fuşya hover / koyu ton */
  --brand-accent-pale: #FCE8F5;  /* fuşya çok açık zemin */
  --brand-accent-2:    #D6A63C;  /* amber haze — X gradyanı, ikincil vurgu */
  --brand-teal:        #2E8B84;  /* transformative teal — X kolu, ara vurgular */
  --brand-dark:        #0C2926;  /* en koyu teal: footer, hero overlay */
  --brand-dark-2:      #123B38;  /* koyu panel zemini */
  --brand-dark-3:      #1D5751;  /* koyu gradyan ucu */
  --brand-cream:       #F1F3EE;  /* açık bölüm zemini (serin fildişi) */
  --brand-cream-2:     #E6EAE2;  /* açık bölüm zemini 2 */

  /* ---------- METİN ---------- */
  --text-strong: #17302E;        /* başlık / güçlü metin */
  --text-body:   #4C5F5C;        /* gövde metni */
  --text-soft:   #8AA09B;        /* ikincil / soluk metin */

  /* ---------- DİĞER ---------- */
  --line:   #DDE3DC;             /* ayraç çizgileri */
  --white:  #FFFFFF;
  --radius: 12px;

  /* Sürdürülebilirlik sayfası yeşilleri */
  --green:       #2C5440;
  --green-2:     #3A6E54;
  --green-light: #EAF2EC;

  /* ---------- TİPOGRAFİ ---------- */
  --font-display: 'Chillax', 'Jost', sans-serif;        /* başlıklar — Cohera tarzı geniş geometrik */
  --font-body:    'General Sans', 'Inter', sans-serif;  /* gövde — Cohera tarzı */

  /* ---------- ESKİ İSİMLER (sayfalarda kullanılan takma adlar) ---------- */
  --orange:      var(--brand-accent);
  --orange-dark: var(--brand-accent-dark);
  --orange-pale: var(--brand-accent-pale);
  --dark:        var(--brand-dark);
  --dark-2:      var(--brand-dark-2);
  --dark-3:      var(--brand-dark-3);
  --cream:       var(--brand-cream);
  --cream-2:     var(--brand-cream-2);
  --bg-warm:     var(--brand-cream);
  --text:        var(--text-strong);
  --text-mid:    var(--text-body);
  --text-muted:  var(--text-body);
  --text-light:  var(--text-soft);
  --border:      var(--line);
}