/* =====================================================================
   DATEK 2026 — TEMA DEĞİŞKENLERİ
   Bu dosya sitenin görünümünü belirleyen tek yerdir. Renk, yazı tipi,
   köşe yarıçapı ve genişlik burada tanımlanır. content/ayarlar.json →
   tema.css altındaki anahtarlar bu değerleri çalışma anında geçersiz kılar
   (panel oradan düzenler). Buradaki değerler "fabrika ayarı"dır.
   ===================================================================== */
:root {
  /* Yazı tipleri */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-head: var(--font-body);
  --fs-base: 16px;
  --lh-base: 1.6;

  /* Marka renkleri */
  --c-primary: #0B2A5B;        /* lacivert — logo */
  --c-primary-700: #071D40;    /* koyu lacivert */
  --c-primary-100: #E3EAF6;    /* açık lacivert zemin */
  --c-accent: #F58220;         /* turuncu — vurgu / çağrı düğmeleri */
  --c-accent-700: #D66A0C;
  --c-rico: #2F8F3B;           /* Rico-Werk bölümü yeşili */
  --c-rico-100: #E6F3E7;

  /* Yüzeyler ve metin */
  --c-bg: #F6F8FB;
  --c-surface: #FFFFFF;
  --c-text: #15202B;
  --c-muted: #5B6B7C;
  --c-border: #DDE3EA;
  --c-header-bg: #FFFFFF;
  --c-topbar-bg: #0B1F3F;
  --c-topbar-text: #C9D3E0;
  --c-footer-bg: #0B1F3F;
  --c-footer-text: #C9D3E0;
  --c-success: #1E8E3E;
  --c-error: #C62828;

  /* Yer tutucu (eksik içerik) görünümü */
  --ph-bg: #FFF6D6;
  --ph-border: #E0B000;
  --ph-text: #6B4E00;

  /* Biçim */
  --radius: 12px;
  --radius-sm: 8px;
  --container: 1200px;
  --shadow-sm: 0 1px 2px rgba(11, 31, 63, .06), 0 1px 3px rgba(11, 31, 63, .08);
  --shadow-md: 0 6px 20px rgba(11, 31, 63, .10);
  --shadow-lg: 0 18px 40px rgba(11, 31, 63, .16);
  --transition: 180ms ease;

  /* Boşluklar */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;
}