/* ═══════════════════════════════════════════════
   LINALUX — DESIGN TOKENS
   Renk paleti, fontlar, tüm CSS değişkenleri.
   Başka bir dosyada değişken tanımı yapma.

   🔴 2026-08-07 · FAZ B2 — PALET ÇEVRİLDİ
   Koyu mor + altın  →  kırık beyaz kâğıt + siyah mürekkep.
   Referans: index2.html (Faz 1 laboratuvarı) · plan: tasarim-tasima.md

   Bu dosya `assets/css/all-styles.css`'teki :root ile BİREBİR aynı olmak
   zorunda — ikisi de aynı 24 token'ı tanımlıyor, biri güncellenip diğeri
   unutulursa iki sayfa grubu farklı renkte olur ve bunu ancak gözle
   fark edersin. Ayrışmayı `_reference/tema-dogrula.mjs` yakalar.
   ═══════════════════════════════════════════════ */

/* ─── FONT YÜKLEME ───
   Co-Star esinli: yüksek kontrastlı editoryal başlık serifi + geniş harf
   aralıklı büyük harf etiketler için monospace.
   ⚠️ Instrument Serif TEK ağırlıklı (400). Sayfalarda `font-weight:300`
   yazan başlıklar 400 olarak çizilecek — yüz zaten ince, kasıtlı. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');

/* ─── DEĞİŞKENLER ─── */
:root {
  /* ─── Kâğıt katmanları ───
     Koyu temada bunlar giderek AÇILIYORDU (bg en koyu → s3 en açık).
     Kâğıtta yön aynı kalıyor: bg zemin, s1/s2/s3 giderek yükselen yüzeyler.
     Kartların kâğıttan AÇIK olması bilinçli — üstte duran bir yaprak gibi. */
  --bg:  #F5F4F1;
  --s1:  #FBFAF8;
  --s2:  #FDFDFB;
  --s3:  #FFFFFF;

  /* ─── Kenarlık katmanları ─── düşük yoğunluklu mürekkep */
  --b1:  #E4E2DD;
  --b2:  #D6D3CD;
  --b3:  #C2BEB7;

  /* ─── Metin ───
     🔴 --muted AA borcunu KAPATIYOR: koyu temada --bg üstünde 4.25:1
     veriyordu, AA sınırı 4.5:1. Yeni değer kâğıt üstünde 4.6:1 —
     borç devralınmadı, çözüldü. */
  --muted: #6E6E6C;
  --dim:   #45443F;
  --text:  #0A0A0A;   /* saf siyah değil — baskıda saf siyah sertçe durur */

  /* ─── Vurgu ───
     🔴 ALTIN TAMAMEN GİTTİ (K3, istisnasız). Vurgu artık mürekkebin
     kendisi: yıldızlarla aynı malzeme. İki kademe, biri tam biri kurşun. */
  --ak:  #0A0A0A;
  --ak2: #4A4A48;
  --akd: rgba(10, 10, 10, .07);

  /* Dairesel avatar gradyanlarının DİĞER ucu (.lnbav, .lma2, .nicon).
     ⚠️ Adı "koyu"ydu ve artık yalan olurdu: koyu temada altının koyu ucuydu,
     kâğıtta mürekkebin AÇIK ucu. Bu yüzden `--ak-uc` olarak yeniden
     adlandırıldı — gradyanın öteki ucu, hangi yönde olursa olsun. */
  --ak-uc: #454542;

  /* ─── ZIT ───
     "Yüzeyin tersi". Koyu temada beyazdı, kâğıtta mürekkep.
     İnce kenarlıklar ve vurgu parlaklıkları bunu kullanıyor; literal
     kalsalardı kâğıt üstünde beyaz kenarlık görünmez olurdu. */
  --zit: #0A0A0A;

  /* ─── DURUM RENKLERİ ───
     Kâğıt zemin için koyulaştırıldı — koyu temadaki pastel tonlar açık
     zeminde okunmuyordu. Kimlik korundu: yeşil yeşil, kırmızı kırmızı. */
  --ok:      #1F7A5C;   /* başarı · aktif abonelik */
  --hata:      #C41E1E;
  --hata-acik: #D93A3A;
  --bilgi:     #2158C4;   /* yorum eylemi (.comment-btn) */
  --tehlike: #A8365A;   /* iptal · geri alınamaz eylem */

  /* ─── TEMADAN BAĞIMSIZ ───
     🔴 Palet çevrilse de DEĞİŞMEZLER, o yüzden ayrı adları var.
     --golge fotoğraf üstüne binen okunabilirlik gradyanı: görselin
     üstünde kalır, kâğıt temada da siyah olmak zorunda.
     --beyaz bunun eşi: koyu VERİ dolgusu üstündeki etiketler için
     (ısı haritası gibi tema dışı zeminler).
     --perde modal karartması; dimme her temada koyudur. */
  --golge: #000000;
  --beyaz: #FFFFFF;
  --perde: #1A1815;

  /* ─── ALT NAVİGASYON BARI (navigator.md §9.1) ───
     Bar zemininin kendisi mürekkep degil, gerçek koyu bir yüzey — kâğıt tema
     ne yöne çevrilirse çevrilsin SABİT kalmalı (bu ikisi de tema kapsamı
     dışında, --golge/--beyaz/--perde gibi). Kontur ve aktif-sekme ışıması
     için AYRI token yok — onlar --beyaz ve --bg'den color-mix() ile türetiliyor,
     bkz core/bottom-nav.css. */
  --nav-bg: #111111;
  --nav-medallion-bg: #181818;

  /* ─── Ölçü ───
     İçerik sütunu genişliği. Faz C1'de ana sayfanın kendi :root'undan buraya
     taşındı — orada kalsaydı token tablosunun üçüncü kopyası da yaşamaya
     devam ederdi. ⚠️ core/base.css'teki `.shell{max-width:480px}` hâlâ sabit;
     ikisini birleştirmek ayrı bir iş (kapsam dışı, not düşüldü). */
  --max: 480px;

  /* ─── Font aileleri ─── */
  --serif: 'Instrument Serif', 'Cormorant Garamond', Georgia, serif;
  --mono:  'Space Mono', 'DM Mono', ui-monospace, monospace;
}