/* Diyarlar arayüz belirteçleri (custom properties) ve yazı aileleri (@font-face). Her Diyar
   sayfası önce bu dosyayı yükler. Başka CSS dosyası renk sabiti yazmaz, buradaki adları
   kullanır; istisna sunucudan gelen veri renkleri (diyar rengi `--c`, mevsim, özellik).
   Sanat yönü: docs/diyar/gorsel/SANAT_YONU.md §2; kullanım ve bileşenler:
   docs/diyar/gorsel/ARAYUZ_BILESENLERI.md. Yazı dosyaları istemci/diyar/yazi/ (OFL). */

/* ------------------------------------------------------------------ yazı aileleri */
@font-face {
  font-family: 'Diyar Serif';
  src: url('/static/diyar/yazi/diyar-serif.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Diyar Serif';
  src: url('/static/diyar/yazi/diyar-serif-italik.woff2') format('woff2');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Diyar Sans';
  src: url('/static/diyar/yazi/diyar-sans.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* zeminler: mürekkep arduvaz (aidaptasyon kanal kimliğinin gece mavisinden; 2026-10-09) */
  --zemin-alt: #0b0f14;       /* sayfa zemini, oyuk (girdi, çubuk yatağı) */
  --zemin-0: #10151b;         /* panel ve çubuk zemini */
  --zemin-1: #161d25;         /* kart */
  --zemin-2: #1e2731;         /* üstüne gelme, seçili satır */
  --zemin-3: #28323d;         /* basılı / seçili + üstüne gelme */
  --kaplama: rgba(16, 21, 27, .9);     /* harita üstü kaplama (zemin-0, yarı saydam) */
  --kaplama-hafif: rgba(16, 21, 27, .78);

  /* çizgiler */
  --cizgi: #2b3642;           /* 1 px kenarlar, ayraçlar */
  --cizgi-guclu: #44525f;     /* üstüne gelinen kenar, girdi kenarı */
  --cizgi-ince: rgba(233, 228, 216, .07);   /* satır arası ince ayraç */

  /* yazı (taş); üçü de zemin-0/1/2 üstünde ≥ 5:1 */
  --yazi-1: #e9e4d8;          /* ana yazı */
  --yazi-2: #b8b5aa;          /* ikincil yazı */
  --yazi-3: #929699;          /* etiket, soluk bilgi (zemin-2'de 5.1:1) */
  --yazi-ters: #14110a;       /* vurgu ya da açık zemin üstündeki koyu yazı */

  /* vurgu: pirinç / koyu sarı; seçili sekme, birincil düğme. Az kullan. */
  --vurgu: #c8a046;
  --vurgu-acik: #ddb965;      /* üstüne gelme, koyu zeminde vurgu yazısı */
  --vurgu-koyu: #8c6f2e;      /* vurgu kenarı */
  --vurgu-zemin: color-mix(in srgb, var(--vurgu) 14%, var(--zemin-1));

  /* durum: zeytin, kehribar, tuğla; nötr bilgi: soluk arduvaz */
  --iyi: #86a85e;
  --uyari: #d39144;
  --kotu: #c4573f;            /* dolgu ve kenar; yazı için --kotu-yazi */
  --kotu-yazi: #d8735a;
  --bilgi: #7d9bb3;
  --iyi-zemin: color-mix(in srgb, var(--iyi) 14%, var(--zemin-1));
  --uyari-zemin: color-mix(in srgb, var(--uyari) 14%, var(--zemin-1));
  --kotu-zemin: color-mix(in srgb, var(--kotu) 16%, var(--zemin-1));
  --bilgi-zemin: color-mix(in srgb, var(--bilgi) 14%, var(--zemin-1));
  --iyi-kenar: color-mix(in srgb, var(--iyi) 50%, var(--cizgi));
  --uyari-kenar: color-mix(in srgb, var(--uyari) 50%, var(--cizgi));
  --kotu-kenar: color-mix(in srgb, var(--kotu) 55%, var(--cizgi));
  --bilgi-kenar: color-mix(in srgb, var(--bilgi) 45%, var(--cizgi));

  /* yazı aileleri (Diyar Serif = Alegreya, Diyar Sans = Signika; yazi/KAYNAK.md) ve ölçek */
  --aile-serif: 'Diyar Serif', Georgia, 'Times New Roman', serif;
  --aile-sans: 'Diyar Sans', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --aile-mono: ui-monospace, 'SF Mono', 'DejaVu Sans Mono', Menlo, monospace;
  --boy-1: 11px;              /* en küçük: rozet, dipnot (az kullan) */
  --boy-2: 12px;              /* etiket, ikincil satır */
  --boy-3: 13px;              /* panel gövdesi */
  --boy-4: 14px;              /* sayfa gövdesi, düğme */
  --boy-5: 16px;              /* alt başlık, kart değeri */
  --boy-6: 19px;              /* kart başlığı, köy adı */
  --boy-7: 24px;              /* sayfa başlığı, büyük sayı */
  --boy-8: 30px;              /* en büyük sayı */
  --satir-sik: 1.2;
  --satir: 1.45;

  /* boşluk ölçeği (4 px tabanlı) */
  --bosluk-1: 2px;
  --bosluk-2: 4px;
  --bosluk-3: 6px;
  --bosluk-4: 8px;
  --bosluk-5: 12px;
  --bosluk-6: 16px;
  --bosluk-7: 24px;
  --bosluk-8: 32px;

  /* biçim: köşe, gölge, geçiş, dokunma boyu */
  --yaricap-1: 3px;           /* düğme, girdi, küçük kutu */
  --yaricap-2: 4px;           /* kart, kaplama */
  --yaricap-hap: 999px;       /* yalnız küçük etiket rozetleri */
  --golge-1: 0 1px 2px rgba(0, 0, 0, .35);
  --golge-2: 0 3px 10px rgba(0, 0, 0, .35);
  --golge-3: 0 8px 24px rgba(0, 0, 0, .45);
  --gecis-hizli: 90ms;
  --gecis: 160ms;
  --gecis-yavas: 280ms;
  --egri: cubic-bezier(.2, .7, .2, 1);
  --dokunma: 32px;
  --dokunma-mobil: 40px;
  --odak: var(--vurgu-acik);  /* odak halkası rengi */
}