/* =========================================================================
   BEYZADE DÜĞÜN & DAVET SALONLARI — DESIGN TOKENS (v2)
   -------------------------------------------------------------------------
   Palet ve tipografi; müşterinin kendi marka materyalleri (logo, kartvizit,
   menü kartları) ve salon fotoğrafları incelenerek belirlendi: gerçek
   salon dekoru zaten altın yaldız + beyaz/krem + az miktarda siyah/antrasit
   üzerine kurulu. Bu yüzden site de aynı kombinasyonu, AYDINLIK bir zeminde
   kullanıyor — koyu/bordo bantlar kaldırıldı.

   WordPress notu: Bu token'lar ileride ACF "Theme Options" / theme.json
   içine birebir taşınabilecek şekilde tasarlandı.
   ========================================================================= */

:root {
  /* ---- Marka Paleti (Açık tema / varsayılan) ---- */
  --color-ground:        #FFFFFF;   /* Ana zemin — temiz beyaz */
  --color-ground-alt:    #FBF7EC;   /* İkincil zemin — çok yumuşak, açık krem tonu (aşırı "kahverengi" hissi vermemesi için beyaza yakın tutuldu) */
  --color-surface:       #FFFFFF;   /* Kart yüzeyi */
  --color-ink:           #221D17;   /* Ana metin — sıcak antrasit (saf siyah değil) */
  --color-ink-soft:      #665A49;   /* İkincil metin — sıcak kahve-gri */
  --color-black:         #1B1713;   /* Marka siyahı — yalnızca buton/rozet gibi küçük vurgularda (kartvizitteki siyah) */

  --color-gold:          #A5793A;   /* Ana altın — metin/ikon için okunaklı ton */
  --color-gold-deep:     #8A6329;   /* Koyu altın — hover/active */
  --color-gold-bright:   #CBA155;   /* Açık altın — dekoratif çizgi, ikon dolgusu */
  --color-gold-pale:     #F2E6C7;   /* Çok açık altın zemin — rozet, kart arkası */
  --color-line:          #EBE1CB;   /* Kenarlık / ayraç — altın tonlu açık çizgi */

  --color-success:       #3F7A4E;
  --color-success-bg:    #E9F2EA;
  --color-error:         #B23B36;
  --color-error-bg:      #FBEAE8;

  --color-overlay:       rgba(27, 23, 19, 0.55);
  --color-focus-ring:    #CBA155;

  /* ---- Tipografi -------------------------------------------------------
     Cormorant Garamond → Başlıklar (h1-h3) — ince, zarif, davetiye
              karakterinde bir serif.
     Montserrat         → Gövde metni, form, navigasyon, buton — sade ve
              modern bir sans-serif, yüksek okunabilirlik. */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Montserrat', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --fs-h1: clamp(2.6rem, 1.8rem + 3.6vw, 4.6rem);
  --fs-h2: clamp(2rem, 1.6rem + 1.8vw, 3.1rem);
  --fs-h3: clamp(1.4rem, 1.2rem + 0.7vw, 1.8rem);
  --fs-h4: clamp(1.05rem, 1rem + 0.2vw, 1.2rem);
  --fs-lead: clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-xsmall: 0.75rem;

  --lh-tight: 1.18;
  --lh-heading: 1.3;
  --lh-body: 1.65;

  /* ---- Boşluk Skalası ---------------------------------------------- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.25rem;
  --space-xl:  3.5rem;
  --space-2xl: 5.5rem;
  --space-3xl: 8rem;

  --container-max: 1240px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  /* ---- Şekil / Gölge ----------------------------------------------
     Yumuşak dikdörtgen çerçeve + ince altın kenarlık + köşe yaprak
     motifi — müşterinin gerçek menü kartlarındaki çerçeve ve altın
     yaprak süslemesinden ilham alındı (kemer/mihrap formu yerine). */
  --radius-frame: 18px;
  --radius-card: 12px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(34, 29, 23, 0.06);
  --shadow-md: 0 14px 34px rgba(34, 29, 23, 0.10);
  --shadow-lg: 0 26px 60px rgba(34, 29, 23, 0.16);

  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 160ms;
  --dur-med: 320ms;

  /* Bu marka sitesi kasıtlı olarak TEK bir görünüme sahiptir: ziyaretçinin
     cihazı/tarayıcısı koyu temada olsa bile marka renkleri (altın/beyaz/siyah)
     değişmez. Tarayıcıların otomatik koyu tema/"force dark" davranışını da
     devre dışı bırakmak için: */
  color-scheme: light;
}