/* ============================================================
   tokens.css — Yasin Yavuz kişisel marka · TASARIM TOKEN SİSTEMİ
   Tek kaynak. Renk/tipografi/spacing HARDCODE YASAK — hep buradan.
   Palet: gerçek "YK" koyu-monokrom logo + sıcak portre + Dada Copper'dan kalibre.
   ============================================================ */

@import url("../fonts/fonts.css");

:root {
  /* — Mürekkep (ink) monokrom — CANLI kurumsal nötr gri rampası (yasinyavuz.com.tr) — */
  --ink-900: #1a1a1a;   /* metin & en koyu yüzey — canlı başlık/CTA (#1a1a1a) */
  --ink-850: #212121;
  --ink-800: #292929;   /* koyu bant yüzeyi + canlı gövde metni (#292929) */
  --ink-700: #3a3a3a;
  --ink-600: #545454;
  --ink-500: #898989;   /* muted metin — canlı global muted (#898989) */
  --ink-400: #999999;   /* daha silik — canlı ikincil (#999999) */

  /* — Kâğıt (canlı beyaz zemin) — */
  --paper:        #ffffff;  /* sayfa zemini — canlı body (#ffffff) */
  --paper-raised: #ffffff;  /* kâğıt üstü kart (kenarlıkla ayrılır) */
  --paper-sunk:   #f9f9f9;  /* çukur alan — canlı footer bandı grisi (#f9f9f9) */
  --white:        #ffffff;

  /* — Çizgiler — yapısal nötr (canlıda explicit divider yok; gri rampadan türetildi) — */
  --line:      #e6e6e6;              /* kâğıt üstü kenarlık */
  --line-soft: #f0f0f0;
  --line-dark: rgba(255,255,255,.12);/* ink üstü kenarlık */
  --line-dark-soft: rgba(255,255,255,.07);

  /* — Aksan — CANLI SİTEDE KURUMSAL AKSAN YOK → nötr (açık zemin: siyaha yakın / koyu zemin: beyaz).
       Token isimleri korundu (yapı sabit); değerler monokroma çekildi. — */
  --copper:      #292929;  /* aksan (açık zemin) */
  --copper-600:  #1a1a1a;  /* primary buton dolgu — canlı CTA (#1a1a1a) */
  --copper-ink:  #1a1a1a;  /* metin/link — AA on white */
  --copper-300:  #ffffff;  /* koyu zemin üstü aksan/metin — canlı beyaz */
  --copper-tint: rgba(26,26,26,.06);

  /* — Anlamsal atamalar — */
  --bg:          var(--paper);
  --fg:          var(--ink-900);
  --fg-muted:    var(--ink-500);
  --accent:      var(--copper);
  --accent-text: var(--copper-ink);

  /* — Tipografi aileleri — numankurtulmus.com görsel dili: tek aile Quicksand (yuvarlak geometrik
     sans, Google Fonts / SIL OFL, self-host). Referansta body + başlık + nav tek bu aileyi kullanır. — */
  --font-display: "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "Quicksand", system-ui, -apple-system, sans-serif;

  /* — Tip ölçeği (akışkan) — numankurtulmus dizginli ölçeğine kalibre (section başlığı ~28–31px). — */
  --fs-display: clamp(2.3rem, 1.5rem + 3.2vw, 3.7rem);   /* hero adı */
  --fs-h1:      clamp(1.9rem, 1.35rem + 2vw, 2.9rem);
  --fs-h2:      clamp(1.5rem, 1.25rem + 1.1vw, 1.95rem);  /* şerit başlığı (nk ~28px) */
  --fs-h3:      clamp(1.18rem, 1.05rem + .55vw, 1.42rem);
  --fs-lead:    clamp(1.08rem, 1rem + .4vw, 1.32rem);
  --fs-body:    1rem;        /* 16px — nk gövde */
  --fs-sm:      0.9375rem;   /* 15px */
  --fs-xs:      0.8125rem;   /* 13px — tarih/meta */
  --fs-eyebrow: 0.78rem;     /* 12.5px etiket */

  /* — REVİZE ÖLÇEĞİ (2026-08-17) — section açıklaması + kart tipografisi TEK ELDEN.
     Referans: ana sayfa `.head__title` (--fs-h2) ve `.head__kicker` (--fs-lead).
     Aşağıdaki dört token o referansın "bir tık / bir punto altı"dır; section
     açıklamaları ve TÜM kart aileleri (medya, proje, yayın, basın, öne çıkan)
     doğrudan buraya bağlanır — CSS'te sayfa başına serpiştirilmiş sabit px YOK.
     Ölçüyü değiştirmek isteyen yalnız bu dört satıra dokunur. */
  --fs-scale-ref:    clamp(1rem, .925rem + .3vw, 1.2rem);     /* 19.1 / 17.1 / 16.0px — TEK REFERANS DEĞER */
  --fs-section-lead: var(--fs-scale-ref);   /* section açıklaması (.head__kicker, .bio__lead) */
  --fs-card-title:   var(--fs-scale-ref);   /* kart başlığı (.card__title, .pubslide__title) */
  --fs-card-desc:    var(--fs-scale-ref);   /* kart İÇİ açıklama (.pubslide__desc) — üst açıklamayla aynı referans */
  --fs-card-body:    0.875rem;   /* 14px — kart içi ikincil metin (öne çıkan başlığı, basın adı) */
  --fs-card-meta:    0.75rem;    /* 12px — kart kategori / tarih / etiket */

  --lh-tight: 1.12;
  --lh-snug:  1.28;
  --lh-body:  1.6;

  /* — Ağırlıklar — */
  --w-reg: 400; --w-med: 500; --w-semi: 600; --w-bold: 700; --w-x: 800;

  /* — Spacing (8px tabanlı) — */
  --sp-1: .5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem;
  --sp-5: 3rem;  --sp-6: 4rem; --sp-7: 6rem;  --sp-8: 8rem;

  --section-y: clamp(4rem, 2.6rem + 6vw, 8rem);  /* bölüm dikey ritmi — R1 */
  --gutter:    clamp(1.25rem, .6rem + 2.6vw, 3rem);
  --maxw: 1240px;
  --maxw-text: 68ch;

  /* — Biçim — numankurtulmus düz/keskin kart estetiği: küçük radius, hafif gölge. — */
  --r-sm: 2px; --r-md: 4px; --r-lg: 6px; --r-pill: 999px;
  --border: 1px solid var(--line);

  --sh-1: 0 1px 2px rgba(20,24,28,.04), 0 6px 18px rgba(20,24,28,.06);
  --sh-2: 0 2px 6px rgba(20,24,28,.06), 0 16px 40px rgba(20,24,28,.10);
  --sh-copper: 0 8px 24px rgba(26,26,26,.16);

  /* — Hareket — */
  --ease: cubic-bezier(.2,.7,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur: .55s;
  --dur-fast: .22s;

  /* — Header — */
  --header-h: 76px;
  --logo-h: 38px;
  --logo-w: 62px;
}