/* >>> FONT-FACE · ÜRETİLMİŞ — tools/font_indir.py yeniden yazar, elle dokunma */
/* Chivo · latin-ext */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(../font/chivo-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;
}

/* Chivo · latin */
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(../font/chivo-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;
}

/* Chivo Mono · latin-ext */
@font-face {
  font-family: 'Chivo Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../font/chivo-mono-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;
}

/* Chivo Mono · latin */
@font-face {
  font-family: 'Chivo Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(../font/chivo-mono-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 sonu */

/* ═══════════════════════════════════════════════════════════════════
   FEYDEM — TEMA JETONLARI (tek doğru kaynak)

   Bu dosya KODA DOKUNMADAN düzenlenir. Sayfaların hiçbirinde sabit renk
   olmamalı; hepsi buradaki jetonlardan okur. Marka rengini değiştirmek =
   bir satır veri değiştirmek, 800 satır CSS taramak değil.

   TEMA SEÇİMİ VERİDİR:
     <html>                       → açık kurumsal (varsayılan)
     <html data-tema="koyu">      → eski koyu tema
   Yeni tema eklemek = aşağıya yeni bir blok yazmak; mevcut kural
   dosyalarına dokunmak gerekmez (Open/Closed).

   KARAR — 2026-08-02 rakip taraması (İnoksan · Öztiryakiler · Empero ·
   Kayalar · Electrolux Professional · MKN): sektörün TAMAMI açık zeminli
   kurumsal. Koyu+turuncu dil Behance/Pinterest konsept estetiğiydi ve
   "hiç kurumsal durmuyoruz" hissinin kök nedeniydi. Seçilen yön: A —
   beyaz kurumsal gövde + FEYDEM turuncusu aksan. Ayrıntı: _rakip.html
   ═══════════════════════════════════════════════════════════════════ */

:root{
  /* ── ANLAMSAL JETONLAR (asıl kaynak) ─────────────────────── */
  --zemin      :#ffffff;   /* sayfa zemini */
  --yuzey      :#f4f6f9;   /* kart / şerit — zeminden bir tık ayrık */
  --yuzey-2    :#eaeef3;   /* üzerine gelince */
  --yuzey-3    :#e0e6ec;   /* daha derin vurgu */

  --metin      :#0f1419;   /* başlık — en güçlü */
  --metin-govde:#2b333b;   /* gövde metni */
  --metin-orta :#3e474f;
  --metin-soluk:#525c66;   /* paragraf/açıklama */
  --metin-etiket:#6f7982;  /* mono etiket, künye */
  --metin-silik:#98a2ac;   /* en silik teknik yazı */

  --cizgi      :rgba(15,20,25,.11);  /* kıl çizgi */
  --cizgi-kuvvetli:rgba(15,20,25,.20);
  --kenar      :#ccd4dc;             /* görünür kenarlık (input, çip) */
  --kenar-silik:#dde3e9;

  --marka      :#ff5a1f;   /* FEYDEM turuncusu — DOLGU olarak */
  --marka-metin:#d1400a;   /* aynı turuncu YAZI olarak: beyazda okunur (≈4.6:1) */
  --marka-koyu :#b83607;   /* üzerine gelince */
  /* Hero halesi: koyu zeminde "ocak közü" etkisiydi. Beyazda aynı şiddet şeftali
     lekesi gibi duruyor — kurumsal rakiplerin hiçbirinde renkli yıkama yok. Kısıldı. */
  --marka-hale :rgba(255,90,31,.07);
  /* Odak halkası ayrı jeton: hale bir YIKAMA (geniş, çok silik), halka bir
     SINIR (dar, görünür olmak zorunda). Aynı değeri ikisine birden vermek
     halkayı görünmez yapıyordu — klavyeyle gezen kullanıcı nerede olduğunu
     kaybediyor. */
  --marka-halka:rgba(255,90,31,.22);
  --marka-ustu :#ffffff;   /* turuncu dolgunun ÜZERİNDEKİ yazı */
  /* DİKKAT — ölçülmüş sayı: beyaz yazı #ff5a1f üzerinde yalnız 3.1:1 kontrast
     verir; gövde metni eşiği 4.5:1. Küçük bir turuncu rozetin üstündeki 2-3
     kelime bunu kaldırır, ama TAM SAYFA turuncu zeminde paragraf/etiket
     okunmaz olur (e-katalogda kapak ve rakam sayfasında bizzat kayboldu).
     Beyaz yazı taşıyan GENİŞ turuncu zemin bu jetonu kullanır — 4.7:1. */
  --marka-dolgu-yazili:#d1400a;

  /* ── HAREKET SAHNESİ (TUR 5) ─────────────────────────────────
     3B sahneler renk okur, renk SEÇMEZ. WebGL `rgba()` ayrıştırmadığı için
     bu jetonlar DÜZ HEX olmak zorunda; opaklık kod tarafında verilir. */
  --sahne-zemin :#f7f9fb;  /* pafta kağıdı */
  --sahne-kure  :#f7f9fb;  /* arka yüzü yiyen küre — kağıtla AYNI olmalı */
  --sahne-yuzey :#e7ebf0;  /* bükülüp kalkan yüz: ışık yok, ton farkı okutur */
  --sahne-cizgi :#0f1419;  /* ağ gözü mürekkebi */
  --sahne-yol   :#ff5a1f;  /* FEYDEM yolu */
  --sahne-rakip :#98a2ac;  /* karşılaştırma yolu */
  /* ÇELİK — açınım sahnesi kâğıttan çeliğe döner. Sahnede ışık YOK; "ışık"
     yüzün YÖNÜNDEN gelir, o yüzden üç ton: yukarı bakan · öne bakan · yana
     bakan. Bu üç ton olmadan bükülmüş kutu düz bir leke gibi duruyor. */
  --sahne-celik-ust :#ccd4dd;
  --sahne-celik-on  :#aab4c0;
  --sahne-celik-yan :#8b96a3;

  --golge-urun :rgba(15,20,25,.16); /* ürün görseli altı gölge */
  /* ── REKLAM ŞERİDİ (ilk ekran, css/kampanya.css) ──────────────────────
     Koyu bant temadan BAĞIMSIZ koyudur: açık temada --metin koyu, koyu temada AÇIK olduğu için
     şerit bandını --metin'e bağlamak koyu temada bandı beyaza çevirirdi. Bu yüzden ayrı jetonlar;
     değerleri açık temanın antrasit ailesinden alındı (#0f1419 = --metin, #2b333b = --metin-govde,
     #ccd4dc = --kenar). Turuncu AKSAN kalır (vurgulu öbek, rozet, ikon): bandın kendisi turuncu DEĞİL. */
  --serit-zemin :#0f1419;   /* bant ve sahne kenarlarının koyusu */
  --serit-panel :#2b333b;   /* metin paneli (zeminden bir kademe açık) */
  --serit-yazi  :#ffffff;   /* koyu zemin üstünde başlık */
  --serit-soluk :#ccd4dc;   /* koyu zemin üstünde açıklama */

  --tane       :0;         /* film taneciği — açık temada kapalı, beyazı kirletir */
  --izgara     :.55;       /* teknik ızgara dokusu şiddeti */

  /* ── ESKİ ADLAR (geriye dönük) ───────────────────────────────
     Sayfalar hâlâ --steel-* / --void kullanıyor. Ölçek artık
     "açıklık" değil "ZEMİNDEN UZAKLIK" demek: 950 = zemine en yakın
     yüzey, 100 = en kontrastlı metin. Yeni kod anlamsal jetonları
     kullansın; bunlar sadece köprü. */
  --void      :var(--zemin);
  --steel-950 :var(--yuzey);
  --steel-900 :var(--yuzey-2);
  --steel-850 :var(--yuzey-3);
  --steel-800 :var(--kenar-silik);
  --steel-700 :var(--kenar);
  --steel-600 :var(--metin-silik);
  --steel-500 :var(--metin-etiket);
  --steel-400 :var(--metin-soluk);
  --steel-300 :var(--metin-orta);
  --steel-200 :var(--metin-govde);
  --steel-100 :var(--metin);
  --flame     :var(--marka);
  --flame-ink :var(--marka-metin);
  --flame-dim :var(--marka-koyu);
  --flame-glow:var(--marka-hale);
  --flame-ring:var(--marka-halka);
  --edge      :var(--cizgi);
  --edge-strong:var(--cizgi-kuvvetli);

  /* ── TİPOGRAFİ + ÖLÇÜ (temadan bağımsız) ─────────────────── */
  /* 2026-08-25 · Kural 1 "fontun sahibi ol" (14 marka ölçümü): Archivo + IBM Plex Sans
     + IBM Plex Mono = 3 KİRALIK aile. Chivo + Chivo Mono = TEK aile sistemi, kendi
     sunucumuzda (OFL, latin+latin-ext). display ve sans bilerek AYNI aile: ölçüm,
     kazanan markaların ilk ekranda 1-2 aile taşıdığını gösterdi. */
  --display:'Chivo',sans-serif;
  --sans   :'Chivo',sans-serif;
  --mono   :'Chivo Mono',ui-monospace,monospace;
  --gut    :clamp(1.25rem,4vw,4rem);
}

/* ── ESKİ KOYU TEMA — veri olarak duruyor, geri dönüş tek nitelik ── */
html[data-tema="koyu"]{
  --zemin      :#08090b;
  --yuzey      :#0d0f12;
  --yuzey-2    :#131519;
  --yuzey-3    :#181b20;

  --metin      :#e8ecf1;
  --metin-govde:#c9d0d9;
  --metin-orta :#a4adb9;
  --metin-soluk:#7d8794;
  --metin-etiket:#5a636f;
  --metin-silik:#3d444e;

  --cizgi      :rgba(255,255,255,.07);
  --cizgi-kuvvetli:rgba(255,255,255,.14);
  --kenar      :#2b3038;
  --kenar-silik:#1e2228;

  --marka      :#ff5a1f;
  --marka-metin:#ff5a1f;   /* koyu zeminde turuncu zaten okunur */
  --marka-koyu :#c9430f;
  --marka-hale :rgba(255,90,31,.15);
  --marka-halka:rgba(255,90,31,.34);   /* koyu zeminde halka daha güçlü olmalı */
  --marka-ustu :#08090b;

  --sahne-zemin :#0b0d10;
  --sahne-kure  :#0b0d10;
  --sahne-yuzey :#171b21;
  --sahne-cizgi :#e8ecf1;
  --sahne-yol   :#ff5a1f;
  --sahne-rakip :#5a636f;
  --sahne-celik-ust :#39424c;
  --sahne-celik-on  :#262d35;
  --sahne-celik-yan :#171c22;

  --golge-urun :rgba(0,0,0,.55);
  --tane       :.028;
  --izgara     :.5;
}

/* ── DİLE BAĞLI TİPOGRAFİ ─────────────────────────────────── */
html[lang="ar"]{--display:'Noto Sans Arabic',sans-serif;--sans:'Noto Sans Arabic',sans-serif;--mono:'Noto Sans Arabic',sans-serif}
html[lang="zh"]{--display:'Noto Sans SC',sans-serif;--sans:'Noto Sans SC',sans-serif;--mono:'Noto Sans SC',sans-serif}