/* ============================================================
   Panorama Promosyon - Tasarim Degiskenleri (TOKENS)
   Bagimsiz kurumsal kimlik: koyu lacivert + sicak altin aksan.
   Kaynak sitenin gorsel dili KOPYALANMAMISTIR.
   ============================================================ */

:root {
  /* --- Marka renkleri --- */
  --renk-lacivert-900: #061224;
  --renk-lacivert-800: #0b1b33;
  --renk-lacivert-700: #12294a;
  --renk-lacivert-600: #1b3a63;
  --renk-lacivert-500: #27507f;
  --renk-lacivert-100: #e6ecf4;

  --renk-altin-600: #a8813f;
  /* NUMEX-DÜZELTME (2026-09-30): UX denetimi ve bağımsız kontrast hesabım .bolum-ustbaslik ile .kategori-sayi metinlerinde --renk-altin-600 (#a8813f) kullanıldığını ve bunun beyaz zeminde 3.57:1, gri zeminde 3.16:1 kaldığını gösterdi (WCAG AA küçük metin ≥4.5:1). Marka altın tonunu genel olarak değiştirmek yerine YALNIZCA küçük metin için koyulaştırılmış bir ton tanımlandı. */
  /* NUMEX-DUZELTME (2026-09-30): KUCUK METIN icin erisilebilir altin tonu.
     --renk-altin-600 beyaz zeminde 3.57:1, gri zeminde 3.16:1 kaliyordu;
     WCAG AA normal metin esigi 4.5:1. Marka tonu (süs/buyuk metin icin)
     korunur, yalnizca kucuk punto metinde bu token kullanilir. */
  --renk-altin-metin: #7a5c25;
  --renk-altin-500: #c6a15b;
  --renk-altin-400: #d9bb82;
  --renk-altin-100: #f7f0e2;

  /* --- Notr --- */
  --renk-beyaz: #ffffff;
  --renk-zemin: #f7f8fa;
  --renk-zemin-alt: #eef1f6;
  --renk-cizgi: #dde3ec;
  --renk-cizgi-koyu: #c4cddb;

  /* NUMEX-DÜZELTME (2026-09-30): UX denetimi katalog sayfasinda kritik kontrast hatalari buldu: filtre sayaclari (span.adet) 2.55:1, urun kodu (div.kod-satir) 2.88:1, kirinti yolu ve sayfa basligi metinleri 1.07:1 kontrastla WCAG AA esigini (4.5:1) ciddi sekilde kullaniyordu. Renk tokenleri koyulastirildi. */
  /* NUMEX-DUZELTME (2026-09-30): WCAG AA kontrast icin koyulastirildi.
     Eski degerler (#5b6a83 / #8d99ac) kucuk metinde 2.5-2.9:1 kaliyordu. */
  --renk-metin: #17233a;
  --renk-metin-soluk: #46536b;
  --renk-metin-acik: #5f6c83;

  /* --- Durum renkleri --- */
  --renk-basari: #1f8a53;
  --renk-basari-zemin: #e6f5ec;
  --renk-uyari: #b8791a;
  --renk-uyari-zemin: #fdf3e2;
  --renk-hata: #c0392b;
  --renk-hata-zemin: #fdecea;
  --renk-demo: #c2410c;
  --renk-demo-zemin: #fff1e8;

  /* --- Tipografi --- */
  /* Fontlar YEREL sistem fontlarina baglanir: harici CDN bagimliligi YOK.
     Bu sayede internet kesintisi veya CDN engeli sayfayi bozmaz. */
  --font-baslik: 'Segoe UI Semibold', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-govde: 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Consolas', 'Cascadia Mono', 'Courier New', monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-md: 0.9375rem;
  --fs-lg: 1.0625rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;
  --fs-4xl: 2.375rem;
  --fs-5xl: 3.25rem;
  --fs-6xl: 4rem;

  --fw-normal: 400;
  --fw-orta: 500;
  --fw-yari: 600;
  --fw-kalin: 700;
  --fw-ekstra: 800;

  --lh-sik: 1.2;
  --lh-normal: 1.5;
  --lh-gevsek: 1.75;

  --ls-sik: -0.02em;
  --ls-genis: 0.08em;

  /* --- Bosluk olcegi (4px tabanli) --- */
  --b-1: 0.25rem;
  --b-2: 0.5rem;
  --b-3: 0.75rem;
  --b-4: 1rem;
  --b-5: 1.25rem;
  --b-6: 1.5rem;
  --b-8: 2rem;
  --b-10: 2.5rem;
  --b-12: 3rem;
  --b-16: 4rem;
  --b-20: 5rem;
  --b-24: 6rem;

  /* --- Yaricap --- */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-tam: 999px;

  /* --- Golge --- */
  --golge-xs: 0 1px 2px rgba(6, 18, 36, 0.06);
  --golge-sm: 0 2px 6px rgba(6, 18, 36, 0.07);
  --golge-md: 0 6px 18px rgba(6, 18, 36, 0.09);
  --golge-lg: 0 14px 38px rgba(6, 18, 36, 0.12);
  --golge-xl: 0 24px 60px rgba(6, 18, 36, 0.16);

  /* --- Gecis --- */
  --gecis-hizli: 120ms ease;
  --gecis-normal: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --gecis-yavas: 380ms cubic-bezier(0.4, 0, 0.2, 1);

  /* --- Duzen --- */
  --kap-genis: 1280px;
  --kap-dar: 880px;
  --header-yukseklik: 76px;

  /* --- Katman --- */
  --z-normal: 1;
  --z-yapiskan: 100;
  --z-acilir: 200;
  --z-modal: 300;
  --z-toast: 400;
  --z-demo-bandi: 500;
}