/* ============================================================================
   Hatır — statik sayfalar için tasarım token'ları (TEK KAYNAK)
   ============================================================================

   NEDEN AYRI DOSYA:
   SPA'nın token'ları `src/index.css` `:root` içinde ve **HSL bileşeni** olarak
   duruyor (`--kagit: 48 25% 92%`), çünkü Tailwind onları `hsl(var(--x))` diye
   sarmalıyor. `public/` altındaki statik HTML'ler ne o dosyayı link'leyebilir
   (Vite onu hash'li bir bundle'a gömüyor) ne de bileşen biçimini doğrudan
   kullanabilir. Bu yüzden aynı paletin **hex** karşılıkları burada yaşıyor.

   ⛔ İKİ DOSYA AYRI DÜŞERSE aynı ürün iki farklı marka gösterir. Değer
      değiştirirken İKİSİNİ birden değiştir. Eşleşme tablosu:
        --kagit           #F0EEE6   ↔ src/index.css  48 25% 92%
        --murekkep        #191919   ↔ 0 0% 10%
        --terracotta      #D97757   ↔ 15 63% 60%
        --terracotta-koyu #AF4928   ↔ 15 63% 42%
        --kenar           #E3DED3   ↔ 41 22% 86%
        --ikincil         #6B6862   ↔ 40 4% 40%
        --onay            #2F6B4F   ↔ 152 39% 30%
        --uyari           #8F2F3C   ↔ 352 50% 37%

   ⛔ Bu dosyada placeholder ({{APP_*}}) YOK — o yüzden `template-public.sh`
      beyaz listesine (`DIST_FILES`) eklenmesi gerekmiyor; Vite `public/`'i
      olduğu gibi `dist/`'e kopyalıyor.
*/

:root {
  /* ── Palet ── */
  --kagit: #f0eee6;
  --murekkep: #191919;
  --terracotta: #d97757;
  --terracotta-koyu: #af4928; /* kart üstünde metin için — 5,0:1 */
  --kenar: #e3ded3;
  --ikincil: #6b6862;
  --onay: #2f6b4f;
  --uyari: #8f2f3c;

  /* Kâğıttan bir tık ayrışan yüzey (SPA'daki --card karşılığı). */
  --kart: #f7f5ef;

  /* ── Tipografi ──
     Üçü de kendi sunucumuzdan (`/fonts/fonts.css`). ⛔ Inter ve Oswald SİLİNDİ;
     bu dosyayı kullanan sayfalar onları çağırırsa sessizce sistem fontuna
     düşerler — hata vermez, sadece marka kaybolur. */
  --font-baslik: 'Newsreader', Georgia, serif;
  --font-govde: 'Archivo', system-ui, -apple-system, sans-serif;
  --font-kod: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── Biçim ──
     ⛔ Gölge YOK. Yükseklik = 1px kenar + boşluk. Gradyan/cam/glow yok. */
  --radius: 12px;
  --radius-sm: 8px;
  --ease-hatir: cubic-bezier(0.2, 0, 0, 1);
}