/* ============================================================
   00-tokens.css — BISSO × Sephora tasarım değişkenleri
   İLK yüklenmeli. Diğer dosyalar bu değişkenleri kullanır.
   ============================================================ */
:root{
  /* Renkler */
  --bks-black:#0a0a0a;
  --bks-text:#111111;
  --bks-grey:#6b6b6b;
  --bks-charcoal:#333333;    /* koyu antrasit (siyah↔gri arası; ikincil metin) */
  --bks-mid:#8a8a8a;
  --bks-line:#e6e6e6;
  --bks-bg:#ffffff;
  --bks-soft:#f6f4f2;       /* açık zemin (görsel arkası, bölüm) */
  --bks-cream:#fdeee6;      /* üst bar / sıcak vurgu */
  --bks-cream2:#fbe3d6;
  --bks-red:#c8102e;        /* BISSO marka kırmızısı (indirim/CTA vurgu) */
  --bks-red-dark:#a00d24;
  --bks-gold:#f1a000;       /* yıldız */

  /* Tipografi */
  --bks-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --bks-fs-brand:14px;      /* kart marka satırı */
  --bks-fs-name:14px;       /* ürün adı */
  --bks-fs-price:17px;      /* fiyat */
  --bks-ls-upper:.04em;     /* büyük harf harf aralığı */

  /* Köşe yarıçapı */
  --bks-r-card:8px;         /* ürün kartı (Sephora kartı ~8px) */
  --bks-pink:#fde7eb;       /* -%50 indirim pill zemini */
  --bks-r-marketing:16px;   /* hero / promo kartları (yuvarlak) */
  --bks-r-pill:999px;       /* arama kutusu / hap butonlar */

  /* Geçişler */
  --bks-t-fast:120ms ease-out;
  --bks-t:200ms cubic-bezier(.22,.61,.36,1);
  --bks-t-slow:350ms cubic-bezier(.22,.61,.36,1);

  /* Gölge */
  --bks-shadow-card:0 8px 24px rgba(0,0,0,.09);
  --bks-shadow-pop:0 12px 40px rgba(0,0,0,.12);

  /* Düzen */
  --bks-maxw:1320px;
}

/* Sephora'nın keskin/asil tipografisi */
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}