/*
  Raf — tasarım jetonları.

  Tek kaynak burası. Blazor yönetim paneli bunu doğrudan alır; MAUI tarafı aynı değerleri
  kaynak sözlüğüne çevirir. Renk bir yerde elle yazılırsa iki yüzey zamanla ayrışıyor.

  Gerekçeler ve kullanım kuralları: docs/00-marka.md
*/

:root {
  /* ── Renk ─────────────────────────────────────────────────────────────────────── */
  --raf-kagit: #fbf7f0;      /* uygulama zemini */
  --raf-fildisi: #ffffff;    /* kart, sayfa */
  --raf-murekkep: #171310;   /* başlık ve gövde metni */
  --raf-kursun: #6b615a;     /* yardımcı metin */
  --raf-raf: #e5dcd0;        /* ayraç, kenarlık */

  --raf-kiremit: #c9502c;    /* birincil eylem, marka */
  --raf-cini: #1f5f6b;       /* bilgi, bağlantı, puan rozeti */
  --raf-zeytin: #4f6b3a;     /* takas tamamlandı */
  --raf-kehribar: #c98a16;   /* süre doluyor, eksik bilgi */
  --raf-visne: #a32e2e;      /* itiraz, hata */

  /* Anlamsal eşleme — bileşenler ham renk adı değil bunları kullanır. */
  --raf-zemin: var(--raf-kagit);
  --raf-yuzey: var(--raf-fildisi);
  --raf-metin: var(--raf-murekkep);
  --raf-metin-ikincil: var(--raf-kursun);
  --raf-kenarlik: var(--raf-raf);
  --raf-birincil: var(--raf-kiremit);
  --raf-birincil-uzeri: var(--raf-kagit);
  --raf-basari: var(--raf-zeytin);
  --raf-uyari: var(--raf-kehribar);
  --raf-hata: var(--raf-visne);

  /* ── Tipografi ────────────────────────────────────────────────────────────────── */
  /* Literata okumak için tasarlandı, Inter küçük puntoda net; ikisinin de Türkçe
     diakritikleri (ğ ş ı İ ç ö ü) eksiksiz ve ikisi de OFL — uygulamaya gömülebilir. */
  --raf-yazi-baslik: "Literata", Georgia, "Times New Roman", serif;
  --raf-yazi-govde: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Puan ve adet değişirken rakamlar zıplamasın. */
  --raf-rakam: "tnum" 1, "lnum" 1;

  --raf-punto-xs: 0.75rem;
  --raf-punto-s: 0.875rem;
  --raf-punto-m: 1rem;
  --raf-punto-l: 1.25rem;
  --raf-punto-xl: 1.75rem;
  --raf-punto-xxl: 2.5rem;

  /* ── Uzay ve form ─────────────────────────────────────────────────────────────── */
  --raf-bosluk-1: 0.25rem;
  --raf-bosluk-2: 0.5rem;
  --raf-bosluk-3: 0.75rem;
  --raf-bosluk-4: 1rem;
  --raf-bosluk-6: 1.5rem;
  --raf-bosluk-8: 2rem;

  --raf-yaricap-s: 6px;
  --raf-yaricap-m: 10px;
  --raf-yaricap-l: 16px;

  --raf-golge-kart: 0 1px 2px rgb(23 19 16 / 6%), 0 4px 12px rgb(23 19 16 / 4%);
}

/*
  Koyu tema. Kiremit koyu zeminde açılıyor: aynı hex, koyu arka planda gövde metni için
  gereken 4.5:1 kontrastı tutturmuyor.
*/
@media (prefers-color-scheme: dark) {
  :root {
    --raf-kagit: #14110e;
    --raf-fildisi: #1e1a16;
    --raf-murekkep: #f2ebe1;
    --raf-kursun: #a89c92;
    --raf-raf: #332c25;

    --raf-kiremit: #e4703f;
    --raf-cini: #4fa3b2;
    --raf-zeytin: #7fa262;
    --raf-kehribar: #e0a93a;
    --raf-visne: #e06a6a;

    --raf-birincil-uzeri: #14110e;
    --raf-golge-kart: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 12px rgb(0 0 0 / 30%);
  }
}