/* ============================================
   VELORA — TASARIM TOKENLARI
   Bu dosya sitenin tüm renk, yazı tipi ve
   boşluk (spacing) değerlerini tek yerden
   yönetmeyi sağlar. Renk değiştirmek için
   sadece bu dosyayı düzenlemek yeterli.
   ============================================ */

:root {
  /* --- RENK PALETİ: Premium / Beyaz / Krem / Altın --- */
  --color-white:        #FFFFFF;
  --color-cream:        #FAF6EE;   /* ana zemin (arkaplan) rengi */
  --color-cream-dark:   #F1E9D8;   /* bölüm ayırıcı zemin */

  --color-ink:          #2A2420;   /* ana metin rengi (sıcak siyah) */
  --color-ink-soft:     #6B6058;   /* ikincil metin / açıklama rengi */

  --color-gold:         #B08D57;   /* ana altın vurgu rengi */
  --color-gold-dark:    #8C6D3F;   /* hover / koyu altın */
  --color-gold-light:   #E8D9BE;   /* açık altın: çizgi, çerçeve, arka plan */

  --color-border:       #E7DFCF;   /* genel çerçeve / ayırıcı çizgi rengi */
  --color-success:      #4C7A57;   /* olumlu durum göstergesi */
  --color-danger:       #A8493C;   /* stok yok / uyarı göstergesi */
  --color-whatsapp:     #25D366;   /* WhatsApp buton rengi */
  --color-whatsapp-dark:#1DA851;   /* WhatsApp hover rengi */

  /* --- TİPOGRAFİ --- */
  /* Başlıklar: zarif, "kuyumcu/mücevher" hissi veren serif */
  --font-display: 'Cormorant Garamond', 'Georgia', serif;
  /* Gövde metni: sade, hızlı okunur, mobilde net */
  --font-body: 'Inter', 'Segoe UI', sans-serif;

  --fs-hero:      clamp(2rem, 5vw, 3.6rem);
  --fs-h1:        clamp(1.7rem, 3.5vw, 2.6rem);
  --fs-h2:        clamp(1.35rem, 2.5vw, 1.9rem);
  --fs-h3:        1.15rem;
  --fs-body:      1rem;
  --fs-small:     0.875rem;
  --fs-caption:   0.75rem;

  /* --- BOŞLUK SİSTEMİ (8px tabanlı) --- */
  --space-1: 0.5rem;   /* 8px */
  --space-2: 1rem;     /* 16px */
  --space-3: 1.5rem;   /* 24px */
  --space-4: 2rem;     /* 32px */
  --space-5: 3rem;     /* 48px */
  --space-6: 4.5rem;   /* 72px */

  /* --- DİĞER --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-card: 0 2px 14px rgba(42, 36, 32, 0.06);
  --shadow-card-hover: 0 8px 24px rgba(42, 36, 32, 0.10);
  --shadow-sticky: 0 -4px 18px rgba(42, 36, 32, 0.12);
  --max-width: 1200px;
  --transition: 0.2s ease;

  /* --- MOBİL SABİT ÇUBUKLAR --- */
  --header-h: 56px;       /* mobil üst çubuk yüksekliği */
  --bottomnav-h: 60px;    /* mobil alt gezinme çubuğu yüksekliği */
}