/* ============================================================
   WOSSWEAR — Tasarım Token'ları
   Yön A · "Salon"  (karar: 08.08.2026)

   Kural: bileşenler HER ZAMAN token üzerinden renk alır.
   Doğrudan HEX yazma. Yeni bir renge ihtiyaç duyuyorsan
   önce burada bir token olarak isimlendir.
   ============================================================ */

:root {
  /* ---- Palet: ham değerler ---- */
  --c-paper:    #FFFFFF;  /* saf beyaz — kırık beyaz kullanılmıyor */
  --c-ink:      #0B0B0B;  /* mürekkep */
  --c-graphite: #6E6E6E;  /* ikincil bilgi */
  --c-rule:     #E2E2E2;  /* ayraç ve kenar */
  --c-oxblood:  #7A1F2B;  /* TEK aksan */

  /* Paletten türetilenler — ayrı renk değil, aynı ailenin tonları */
  --c-wash:     #F7F7F6;  /* çok hafif zemin bloğu */
  --c-ink-70:   #4A4A4A;  /* uzun gövde metni, saf siyah yorucu olduğunda */

  /* ---- Anlamsal roller ---- */
  --bg:            var(--c-paper);
  --bg-subtle:     var(--c-wash);
  --fg:            var(--c-ink);
  --fg-body:       var(--c-ink-70);
  --fg-muted:      var(--c-graphite);
  --border:        var(--c-rule);
  --accent:        var(--c-oxblood);
  --accent-fg:     var(--c-paper);
  --focus:         var(--c-oxblood);

  /* Aksan yalnızca şunlar için: indirim, stok uyarısı, sepet eylemi.
     Dekorasyon için kullanılmaz. */

  /* ---- Tipografi ---- */
  --font-display: 'Bodoni Moda', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --step--1: 0.8125rem;                        /* 13 — etiket, meta */
  --step-0:  1rem;                             /* 16 — gövde */
  --step-1:  1.1875rem;                        /* 19 — öne çıkan gövde */
  --step-2:  clamp(1.5rem, 2.4vw, 1.875rem);   /* 24–30 — bölüm başlığı */
  --step-3:  clamp(2rem, 4.4vw, 3rem);         /* 32–48 — sayfa başlığı */
  --step-4:  clamp(2.75rem, 9vw, 6rem);        /* 44–96 — vitrin */

  --tracking-caps: 0.18em;  /* küçük büyük harf etiketler */
  --tracking-tight: -0.03em;/* büyük Bodoni başlıklar */

  /* ---- Uzay ---- */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;
  --space-4: 16px;  --space-5: 24px;  --space-6: 32px;
  --space-7: 48px;  --space-8: 72px;  --space-9: 112px;

  --measure: 62ch;      /* gövde satır genişliği */
  --page-max: 1240px;
  --page-pad: clamp(20px, 5vw, 56px);

  /* ---- Yüzey ----
     Yön A gölge kullanmaz. Derinlik = çizgi ve boşluk. */
  --radius: 2px;
  --shadow: none;

  --dur: 240ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}