/* ═══════════════════════════════════════════════════════════════════════
   NORTHVIA TASARIM TOKENLARI — tek kaynak

   Şablonlarda sabit hex YAZILMAZ. Bir renk gerekiyorsa önce buraya
   token eklenir, sonra kullanılır.

   Yazı tipleri KENDİ SUNUCUMUZDAN geliyor, Google Fonts'tan değil.
   İki sebep:
     1. CSP: defaultSrc 'self'. Google'a açmak için fontSrc/styleSrc'yi
        gevşetmek gerekirdi; gevşetmeden çözülüyorsa gevşetmiyoruz.
     2. KVKK: Google Fonts her sayfa açılışında ziyaretçinin IP'sini
        üçüncü tarafa gönderiyor. Panel müşteri verisi taşıyan bir yer;
        oraya sebepsiz üçüncü taraf isteği koymuyoruz.

   Latin + Latin Extended alt kümeleri indirildi: ğ Ğ İ ı ş Ş ç Ç ö Ö ü Ü
   hepsi kapsamda (araclar/test_tarayici.js bunu sınıyor).
   Toplam 256 KB; ağırlıklar değişken font olduğu için tek dosyadan çıkıyor.
═══════════════════════════════════════════════════════════════════════ */

/* ── Bricolage Grotesque — başlık/display (değişken 200–800) ── */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;
  font-display:swap;src:url('/yazitipi/bricolage-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;
  font-display:swap;src:url('/yazitipi/bricolage-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── IBM Plex Sans — gövde ve arayüz (değişken 100–700) ── */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;
  font-display:swap;src:url('/yazitipi/plex-sans-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;
  font-display:swap;src:url('/yazitipi/plex-sans-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── IBM Plex Mono — sayı, tarih, para, ID, tablo ── */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;
  font-display:swap;src:url('/yazitipi/plex-mono-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;
  font-display:swap;src:url('/yazitipi/plex-mono-400-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;
  font-display:swap;src:url('/yazitipi/plex-mono-500-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;
  font-display:swap;src:url('/yazitipi/plex-mono-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* ── Yazı tipi yığınları ─────────────────────────────────── */
  --nv-font-baslik:'Bricolage Grotesque','IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --nv-font-govde:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --nv-font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* ── Renk ────────────────────────────────────────────────── */
  --nv-indigo-50:#EEF2FF; --nv-indigo-600:#4F46E5; --nv-indigo-700:#4338CA;
  --nv-cyan-50:#ECFEFF;   --nv-cyan-500:#06B6D4;
  --nv-ink-900:#0F172A; --nv-ink-700:#334155; --nv-ink-500:#64748B;
  --nv-ink-300:#CBD5E1; --nv-ink-100:#E2E8F0; --nv-ink-50:#F1F5F9;
  --nv-paper:#FFFFFF;   --nv-canvas:#F8FAFC;
  --nv-gold:#F59E0B;    --nv-bordo:#881337;
  /* Bordo ve altın geniş alanda yalnızca bu soluk zeminle (%10 dolgu +
     tam renk metin). Sil düğmesinin üzerine gelince, kota uyarısı. */
  --nv-bordo-50:#FFF1F2; --nv-gold-50:#FFFBEB;

  --nv-accent:var(--nv-indigo-600);
  --nv-success:#059669;
  --nv-warn:var(--nv-gold);
  --nv-danger:var(--nv-bordo);
  --nv-info:var(--nv-cyan-500);
  --nv-border:var(--nv-ink-100);
  --nv-text:var(--nv-ink-900);
  --nv-text-muted:var(--nv-ink-500);

  /* Tek izinli gradyan — yalnızca logo işareti, hero ışığı, aktif sekme
     altı 2px çizgi. Buton dolgusunda KULLANILMAZ. */
  --nv-gradyan:linear-gradient(135deg,#4F46E5,#06B6D4);

  /* ── Ölçü ────────────────────────────────────────────────── */
  --nv-r-kontrol:8px; --nv-r-kart:12px; --nv-r-modal:20px; --nv-r-rozet:999px;
  --nv-h-girdi:40px; --nv-h-dugme:40px; --nv-h-satir:52px;
  --nv-kenar:248px;
  --nv-golge-yuzen:0 8px 24px -6px rgba(15,23,42,.18);

  /* ── Hareket ─────────────────────────────────────────────── */
  /* WhatsApp tonları. Northvia paletinin dışından gelen TEK renk ailesi
     ve sebebi var: ekran WhatsApp'ı temsil ediyor, kullanıcı oradaki
     yeşili tanıyor. Kural aynı kalıyor — yeşil büyük alan dolgusu değil:
     giden balon, bağlı noktası ve gönder düğmesi. Zemin nötr kalır. */
  --nv-wa-yesil:#1FA855; --nv-wa-yesil-koyu:#128C4A;
  --nv-wa-balon:#DCF8C6; --nv-wa-balon-kenar:#BFE7A6;
  --nv-wa-koyu:#075E54;

  --nv-sure-hover:120ms; --nv-sure-acilir:160ms; --nv-sure-modal:240ms;
  --nv-giris:cubic-bezier(.2,0,0,1);
  --nv-cikis:cubic-bezier(.4,0,1,1);
}

/* Sayılar hizalı okunsun: tablo, tutar, tarih. */
.nv-sayi,.tbl td.sayi,.tbl th.sayi{font-family:var(--nv-font-mono);
  font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}

/* 11–12px büyük harf etiket — tek izinli uppercase kullanımı.
   lang="tr" kök elemanda şart, yoksa İ/ı bozuluyor. */
.nv-etiket{font-size:.6875rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--nv-text-muted)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;
    animation-iteration-count:1!important;transition-duration:.001ms!important}
}