/* Tasarım belirteçleri — Tasarım 2 "Atlas" · "harita her yerde" (docs/tasarim/2/NOTLAR.md).
   Harita tuvaldir; her şey onun üstünde bir yapraktır. Serin sis zemin, petrol vurgu,
   IBM Plex Sans (metin) + IBM Plex Mono (ölçüler: mesafe, dakika, adet, saat),
   yürüme halkaları ve noktalı rota; bölümler yaprak üstünde lejant başlıklı paneller.

   Tema tek kaynaktan: renkler YALNIZ bu dosyada tanımlanır. Bileşen CSS'leri ve
   JS (kategori paleti, pasta, harita işaretçileri, görsel zeminleri) buradaki
   belirteçleri okur. Kontrast oranları yönergede ölçüldü; yeni renk eklersen ölç. */
:root{
  /* ---------------------------------------------------------------- yüzeyler */
  --sayfa:#F2F5F6;            /* sayfa zemini (sis) */
  --yuzey:#FFFFFF;            /* satırlar, çubuklar, girdiler — zeminle 1,10:1 */
  --yuzey-2:#E8EEF0;          /* bant başlığı, görsel kuyusu, tablo başlığı, iskelet */
  --harita:#E6ECEE;           /* harita alanı zemini (karo gelmeden) */
  --harita-halka:rgba(11,88,115,.55); /* yürüme halkaları (dekoratif çizgi) */
  --harita-rota:#0B5873;      /* noktalı yürüme rotası */

  /* ---------------------------------------------------------------- metin */
  --murekkep:#12202A;         /* 15,14:1 zeminde */
  --ikincil:#4A5A65;          /* 6,52 zemin · 7,14 yüzey · 6,09 yüzey-2 */
  --soluk:#62717C;            /* 4,59 zemin — yalnız ≥ 13 px meta */
  --yer-tutucu:#62717C;       /* 5,03 yüzeyde */

  /* ---------------------------------------------------------------- çizgiler */
  --kenar:#D5DEE3;            /* ayraç, bant kenarı (dekoratif) */
  --kenar-orta:#B4C1C9;       /* ikincil düğme ve çip kenarı */
  --kenar-koyu:#7B8B96;       /* girdi, anahtar, onay kutusu — 3,51:1 */

  /* ---------------------------------------------------------------- vurgu (petrol) — yalnız etkileşim */
  --vurgu:#0B5873;            /* 7,21 zemin / 7,90 yüzey */
  --vurgu-koyu:#083F54;       /* basılı / üzerine gelme */
  --vurgu-yumusak:#DDECF1;    /* seçili zemin, gösterge hapı (vurgu metni 6,53:1) */
  --vurgu-kenar:#9DC2D0;      /* vurgu-yumuşak yüzeylerin kenarı (dekoratif) */
  --vurgu-uzeri:#FFFFFF;      /* vurgu zemininde metin — 7,90:1 */
  --odak:#0B5873;             /* 2 px halka + 2 px ofset (7,21:1) */

  /* ---------------------------------------------------------------- stok — yalnız stok */
  --var-fg:#35761A; --var-bg:#E6F3DF;   /* 4,86:1 — yaprak yeşili, petrolden ayrışır (ΔE 17,8) */
  --az-fg:#7F5300;  --az-bg:#FCF0D5;    /* 5,91:1 */
  --yok-fg:#A2301F; --yok-bg:#FBE6E2;   /* 5,88:1 */
  /* bilinmiyor (§19.7 "Stok bilgisi yok · Sor"): bilinçli olarak NÖTR — stok rengi taşımaz */
  --bilinmiyor-fg:#4A5A65; --bilinmiyor-bg:#E8EEF0; /* 6,09:1 */

  /* uyarı: az ailesi, her zaman ikonla */
  --uyari-fg:#7F5300; --uyari-bg:#FCF0D5; --uyari-kenar:#E9CF93;

  /* Plus = vurgu ailesi + yıldız (6,53:1); "az"dan ΔE 18,4 */
  --plus:#0B5873; --plus-bg:#DDECF1; --plus-kenar:#9DC2D0;

  /* tehlike (sil, çıkış) */
  --tehlike:#A2301F; --tehlike-bg:#FBE6E2; --tehlike-kenar:#E7B8AF;

  /* bildirim (koyu yüzen şerit) */
  --bildirim-bg:#12202A; --bildirim-uzeri:#FFFFFF;
  --bildirim-hata-bg:#7A2417;
  --bildirim-basari-ikon:#A9DB8E; --bildirim-hata-ikon:#F6C3B8;

  /* kullanıcı konumu */
  --mavi:#1D6FD8; --mavi-halka:rgba(29,111,216,.16); --mavi-halka-kenar:rgba(29,111,216,.30);

  /* sabit beyaz (işaretçi halkası, renkli zemin üstü ikon) */
  --beyaz:#FFFFFF;

  /* ---------------------------------------------------------------- kategori renkleri (doğrulandı, §3)
     Bitişik CVD ΔE 9,1 / normal 17,9; bütün çiftler CVD 9,1 / normal 15,8; beyaza ≥ 3,07:1.
     İstemci bunları sunucunun taksonomi renklerinin ÖNÜNE koyar (durum.js). İşaretler beyaz yüzeyde. */
  --kat-telefon:#04569B;
  --kat-hirdavat:#8E3602;
  --kat-elektrik:#00A1BB;
  --kat-kirtasiye:#8066BC;
  --kat-gida:#B28F1D;
  --kat-temizlik:#16854B;
  --kat-ev:#D76A8E;
  --pasta-notr:#B4C1C9;       /* boş dağılım */

  /* ürün görseli kuyusu: ürün rengi bu zemine karıştırılır (urun-gorsel.js) */
  --gorsel-zemin:#E8EEF0;
  --gorsel-notr:#62717C;

  /* ---------------------------------------------------------------- yazı */
  --sans:'IBM Plex Sans', 'Segoe UI', system-ui, -apple-system, Helvetica, Arial, sans-serif;
  --serif:var(--sans);        /* eski "serif" başlıklar da Plex Sans */
  --mono:'IBM Plex Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace; /* yalnız ölçüler */

  /* ölçek (§4): 12 rozet · 13 meta · 15 gövde · 17/600 bant · 19/600 ekran · 24/600 ürün adı · 28/600 manşet */
  --y-rozet:12px;
  --y-meta:13px;
  --y-kucuk:13px;
  --y-alt:13px;
  --y-govde:15px;
  --y-buyuk:17px;
  --y-bant:17px;
  --y-ekran:19px;
  --y-baslik:19px;
  --y-urun:24px;
  --y-dev:28px;

  /* ---------------------------------------------------------------- boşluk 4 / 8 / 12 / 16 / 24 */
  --a1:4px; --a2:8px; --a3:12px; --a4:16px; --a5:20px; --a6:24px; --a8:32px;
  --kenar-bosluk:16px;
  --bant-h:44px;

  /* ---------------------------------------------------------------- yarıçaplar (küçük; kart yok) */
  --r:8px;                    /* düğme, girdi */
  --r-kucuk:8px;              /* çip */
  --r-rozet:4px;              /* rozet */
  --r-buyuk:12px;             /* alt panel üst köşeler, pencere */
  --r-hap:999px;              /* yalnız nokta ve gösterge hapı */
  --r-panel:14px;             /* yaprak üstündeki paneller */
  --r-yaprak:20px;            /* yaprağın (sheet) üst köşeleri */
  --r-yuzen:14px;             /* harita üstünde yüzen arama, çip, lejant */

  /* ---------------------------------------------------------------- gölgeler — yalnız yüzen öğeler */
  --golge-yuzen:0 -4px 16px rgba(18,32,42,.08);
  --golge-yaprak:0 -6px 24px rgba(18,32,42,.14);
  --golge-harita-ust:0 2px 10px rgba(18,32,42,.16),0 0 0 1px rgba(18,32,42,.05);
  --golge-dok:0 6px 24px rgba(18,32,42,.18),0 0 0 1px rgba(18,32,42,.06);
  --golge-kart:0 2px 10px rgba(18,32,42,.10);
  --golge-pencere:0 12px 40px rgba(18,32,42,.22);
  --golge-ara:0 4px 12px rgba(8,63,84,.28);
  --golge-isaret:0 1px 4px rgba(18,32,42,.30);
  --perde:rgba(18,32,42,.45);

  /* ---------------------------------------------------------------- kabuk ölçüleri */
  --sutun:480px;
  --alt-cubuk-h:64px;
  --dok-bosluk:8px;           /* yüzen alt çubuğun (dok) kenar boşluğu */
  --ust-cubuk-h:56px;
  --ara-cap:56px;             /* ortadaki Ara düğmesinin çapı */
  --ara-tasma:14px;           /* dok'tan yukarı taşan kısım */

  /* hareket */
  --gecis-hizli:140ms;
  --gecis:180ms;
  --egri:cubic-bezier(.2,.8,.2,1);

  /* katmanlar */
  --z-yapiskan:10;
  --z-panel:30;
  --z-cubuk:40;
  --z-bildirim:60;
  --z-pencere:70;
}