/*
 * Tasarım token'ları.
 * Renk, boyut ve aralıklar YALNIZ burada tanımlanır; sektör ve Yönetim temaları bu değişkenleri ezer.
 * Mor ve pembe kullanılmaz (kullanıcı tercihi).
 */

:root {
    color-scheme: light;

    /* Nötr zeminler ve yazı */
    --renk-zemin: #f3f4f7;
    --renk-yuzey: #ffffff;
    --renk-yuzey-2: #f6f7f9;
    --renk-yuzey-3: #eef0f3;
    --renk-cizgi: #e6e8ec;
    --renk-cizgi-2: #d5d9e0;
    --renk-metin: #1c2130;
    --renk-metin-2: #4a5160;
    --renk-soluk: #858b97;
    --renk-soluk-2: #a8adb7;

    /* Vurgu (sektör teması ezer; varsayılan: tasarımdaki turuncu) */
    --renk-vurgu: #f0671a;
    --renk-vurgu-koyu: #d3540b;
    --renk-vurgu-acik: #fff1e7;
    --renk-vurgu-orta: #fde4d2;
    --renk-vurgu-cizgi: #f7c8a6;
    --renk-vurgu-yazi: #ffffff;
    --renk-vurgu-pasif: #f6b58e;
    --renk-vurgu-metin: #b9500f;

    /* Durum renkleri */
    --renk-basari: #16a05b;
    --renk-basari-acik: #e7f6ee;
    --renk-uyari: #c07c00;
    --renk-sari: #f5b83d;
    --renk-uyari-acik: #fff4d9;
    --renk-hata: #e0484e;
    --renk-hata-acik: #fdecec;
    --renk-bilgi: #2d6ae3;
    --renk-bilgi-acik: #eaf1ff;
    /* Sol menü: antrasit (03.10.2026, Nuh Bey; Yönetim teması kendi lacivertini ezer) */
    --renk-menu-zemin: #1f2329;
    --renk-menu-zemin-2: #2b3038;
    --renk-menu-cizgi: #383e48;
    --renk-menu-metin: #e4e7ec;
    --renk-menu-soluk: #9aa2ae;
    /* Müşteri kimlik kartı ve liste isim çubukları (03.10.2026, Nuh Bey'in seçtiği #ead5b6 bej; -2 hapı ve üzerine gelme; üzerinde yazı koyu) */
    --renk-musteri: #ead5b6;
    --renk-musteri-2: #dcc29b;
    /* Müşteri kartı panel başlıkları (03.10.2026, Nuh Bey: daha açık) */
    --renk-panel-baslik: #3d4656;
    /* Müşteri kartı not balonu (03.10.2026, Nuh Bey) */
    --renk-not: #bfdbfe;
    /* Müşteri listesi arama kutusu kenarı (03.10.2026, Nuh Bey) */
    --renk-kenar-koyu: #475569;
    /* Müşteri adı ve kutu başlıkları (03.10.2026, Nuh Bey) */
    --renk-baslik: #172b4d;
    /* Renkli kutular (03.10.2026, Nuh Bey): yeşil/kırmızı/mavi zeminde beyaz, sarıda lacivert yazı */
    --renk-ton-yesil: #15803d;
    --renk-ton-kirmizi: #c93646;
    --renk-ton-sari: #fbbf24;
    --renk-ton-mavi: #245bcd;

    /* Baskı (etiket, fiş): tema ne olursa olsun kağıtta saf siyah-beyaz; barkod okunurluğu */
    --renk-baski-zemin: #ffffff;
    --renk-baski-yazi: #000000;
    --renk-baski-soluk: #444444;
    --renk-baski-cizgi: #c9ccd2;

    /* Yazı */
    --yazi: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --yazi-arap: "Vazirmatn", "Nunito", Tahoma, system-ui, sans-serif;
    --yazi-es: ui-monospace, "Cascadia Mono", Consolas, monospace;
    --boy-2xs: 10.5px;
    --boy-xs: 11.5px;
    --boy-s: 12.5px;
    --boy-m: 14px;
    --boy-l: 15.5px;
    --boy-xl: 18px;
    --boy-2xl: 22px;
    --boy-3xl: 26px;

    /* Aralık */
    --a1: 4px;
    --a2: 8px;
    --a3: 12px;
    --a4: 16px;
    --a5: 20px;
    --a6: 24px;
    --a8: 32px;
    --a10: 40px;

    /* Köşe ve gölge */
    --kose-s: 8px;
    --kose: 10px;
    --kose-l: 14px;
    --kose-xl: 18px;
    --kose-hap: 999px;
    --golge-1: 0 1px 2px rgb(16 24 40 / 5%);
    --golge-2: 0 2px 10px rgb(16 24 40 / 7%), 0 1px 2px rgb(16 24 40 / 4%);
    --golge-3: 0 18px 50px rgb(16 24 40 / 20%), 0 2px 6px rgb(16 24 40 / 6%);
    --odak-halka: 0 0 0 3px color-mix(in srgb, var(--renk-vurgu) 30%, transparent);

    /* Yerleşim ölçüleri */
    --yan-menu: 224px;
    --yan-menu-dar: 76px;
    --ust-yukseklik: 72px;
    --sepet: 500px;

    /* Hareket ve katman */
    --gecis: 160ms cubic-bezier(0.2, 0.7, 0.3, 1);
    --z-ust: 30;
    --z-perde: 35;
    --z-menu: 40;
    --z-acilir: 50;
    --z-modal: 1000;
    --z-toast: 1100;
}