/* İZ YAPI Teknik Servis — tasarim token'lari.
   Bu dosya tum renk, sekil ve tipografi degerlerinin TEK yeridir.
   Baska hicbir css dosyasinda ham hex yazilmaz.
   Kurumsal tema: marka mavisi #416BA9 (ana renk) + marka koyusu #24272A (metin, yan menu, kahraman alanlari). */

/* Montserrat (SIL OFL 1.1, lib/montserrat/LICENSE): basliklar, marka ve buyuk sayilar. Degisken agirlik; latin-ext Turkce harfleri
   (ğ ş İ ı) tasir. ⛔ CDN yok — yerel kopya (lib/README.md). */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../lib/montserrat/montserrat-latin-ext-wght-normal.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: "Montserrat";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../lib/montserrat/montserrat-latin-wght-normal.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 {
  /* Marka cekirdegi — iki temada da ayni */
  --brand-mark: #416BA9;
  --brand-ink: #24272A;
  --brand-primary: #416BA9;
  --brand-deep: #2C4A78;
  --brand-accent: #5B86C5;

  /* Acik tema */
  --bg: #F4F6FB;
  --bg-subtle: #EDF0F5;
  --surface: #FFFFFF;
  --surface-2: #F8F9FC;
  --surface-tint: #E9EFF7;
  --border: #E3E7EE;
  --border-strong: #CBD2DC;
  --text: #24272A;
  --text-secondary: #5A6270;
  /* EKB:218 (F3-M25): eski #888888 beyazda 3,54:1 kaliyordu; --text-muted bos durum yazisi, besleme saati ve salt okuma
     alani gibi kucuk metinlerde kullaniliyor, bu yuzden AA (4,5:1) --surface, --surface-2 ve --bg uzerinde tutulur */
  --text-muted: #646B78;
  --text-placeholder: #9AA1AD;
  /* Ana renk marka mavisidir. Kucuk metinde AA (4,5:1): --primary-soft-bg uzerinde 4,78:1, --surface-tint 4,65:1, beyaz 5,38:1;
     acik zeminler bu sinirin ustunde kalacak kadar acik secildi (ThemeContrastTests). */
  --primary: #416BA9;
  --primary-hover: #36598F;
  --primary-active: #2C4A78;
  --on-primary: #FFFFFF;
  --primary-soft-bg: #EDF2F9;
  --link: #355A92;
  --focus-ring: #7FA0D2;
  --accent: #7A2E8E;
  --success: #205C2C;
  --success-bg: #E8F5E9;
  /* --warning kucuk metinde de kullanilir: AA (4,5:1) --warning-bg uzerinde 5,59:1, beyazda 5,93:1 (R3-2) */
  --warning: #8A5A00;
  --warning-bg: #FFF8E5;
  --danger: #A32626;
  --danger-bg: #FBE5E5;
  --info: #1565C0;
  --info-bg: #EDF4FF;
  --overlay: rgba(0, 0, 0, .50);
  --hero-bg: #24272A;
  --hero-text-secondary: #B9C2CF;
  --hero-glass: rgba(255, 255, 255, .13);

  /* Degismeyen veri renkleri — tema ile DEGISMEZ */
  --tier-lux: #7A2E8E;
  --tier-premium: #1565C0;
  --tier-standard: #555555;
  --rank-gold: #D4AF37;
  --rank-silver: #9DA3AD;
  --rank-bronze: #B07140;
  --neutral-badge: #5A6478;

  /* Veri rozetlerinin zemini — acik temada %10, koyuda %18 opak */
  --tier-lux-bg: rgba(122, 46, 142, .10);
  --tier-premium-bg: rgba(21, 101, 192, .10);
  --tier-standard-bg: rgba(85, 85, 85, .10);
  --tier-lux-fg: #7A2E8E;
  --tier-premium-fg: #1565C0;
  --tier-standard-fg: #555555;

  /* Sekil */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;

  /* Golge — panelde yalniz hover/derinlik icin, cok hafif */
  --shadow-xs: 0 1px 2px rgba(36, 39, 42, .05);
  --shadow-sm: 0 1px 3px rgba(36, 39, 42, .08), 0 1px 2px rgba(36, 39, 42, .04);
  --shadow-md: 0 8px 24px rgba(36, 39, 42, .12);

  /* Yan menu (yonetim kabugu): marka koyusu zemin, iki temada da koyu. --sidebar-muted zeminde 5,0:1; secili baglanti beyaz / marka
     mavisi 5,38:1. */
  --sidebar-bg: #24272A;
  --sidebar-text: #C9D0DA;
  --sidebar-text-strong: #FFFFFF;
  --sidebar-muted: #8E97A4;
  --sidebar-hover: rgba(255, 255, 255, .07);
  --sidebar-border: rgba(255, 255, 255, .09);
  --sidebar-field: rgba(255, 255, 255, .07);
  --sidebar-active-bg: #416BA9;
  --sidebar-active-text: #FFFFFF;

  /* Tipografi */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Montserrat", var(--font);
  --fs-badge: 11px;
  --fs-caption: 12px;
  --fs-body: 14px;
  --fs-body-lg: 15px;
  --fs-card-title: 16px;
  --fs-title: 20px;
  --fs-h1: 28px;
  --fs-kpi: 32px;

  /* Bosluk olcegi */
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 8px;
  --sp-4: 10px;
  --sp-5: 14px;
  --sp-6: 16px;
  --sp-7: 20px;
  --sp-8: 24px;
  --sp-9: 32px;

  /* Kontrol yukseklikleri */
  --ctl-sm: 40px;
  --ctl-md: 44px;
  --ctl-lg: 48px;
  --ctl-xl: 52px;

  /* Panel olculeri */
  --sidebar-w: 264px;
  --sidebar-w-narrow: 64px;
  --topbar-h: 60px;
}

/* Koyu tema — sistem tercihi. Kullanici acik temayi acikca sectiyse kazanmaz.
   Kurumsal tema: zeminler marka koyusunun (#24272A) komur tonlari, vurgu marka mavisinin acik tonu. AA oranlari ThemeContrastTests'te. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121417;
    --bg-subtle: #16191D;
    --surface: #1B1E23;
    --surface-2: #22262C;
    --surface-tint: #283040;
    --border: #2E333B;
    --border-strong: #3D444F;
    --text: #E8EBEF;
    --text-secondary: #A9B1BD;
    /* EKB:218: eski #7C879E salt okuma alaninin zemininde (--surface-2 #1B2540) 4,20:1 kaliyordu */
    --text-muted: #8F98A5;
    /* .badge-neutral metni --surface-tint (#1E2C4C) uzerinde AA: 6,48:1 (Faz 3 kabul turu; acik temadaki #5A6478 burada 2,32:1 kaliyordu) */
    --neutral-badge: #A9B1BD;
    --text-placeholder: #6E7682;
    /* EKB:219 (T-5): eski #5A87CF, .btn-tinted zemininde (--primary-soft-bg #17264A) 4,11:1 kaliyordu; secili "Sec" dugmesi AA'yi kacirirdi */
    --primary: #7EA2D6;
    --primary-hover: #8FB0DF;
    --primary-active: #6A90C9;
    --on-primary: #111418;
    --primary-soft-bg: #1E2A3D;
    --link: #6FB6F0;
    --focus-ring: #9DB9E3;
    --accent: #C08BD0;
    --success: #5FD07E;
    --success-bg: #12301C;
    --warning: #F0B44A;
    --warning-bg: #3A2A08;
    --danger: #F0736E;
    --danger-bg: #3A1414;
    --info: #6FB6F0;
    --info-bg: #0F2340;
    --overlay: rgba(0, 0, 0, .65);
    --hero-bg: #16181B;
    --sidebar-bg: #111418;
    --sidebar-active-bg: #3A62A0;
    --hero-text-secondary: #A9B4C4;
    --hero-glass: rgba(255, 255, 255, .07);

    --tier-lux-bg: rgba(122, 46, 142, .18);
    --tier-premium-bg: rgba(21, 101, 192, .18);
    --tier-standard-bg: rgba(157, 163, 173, .18);
    --tier-lux-fg: #C08BD0;
    --tier-premium-fg: #6FB6F0;
    --tier-standard-fg: #B6BECD;

    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .30);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, .36), 0 1px 2px rgba(0, 0, 0, .24);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, .44);
  }
}

/* Koyu tema — kullanici anahtari. Sistem acik olsa bile kazanir. */
:root[data-theme="dark"] {
  --bg: #121417;
  --bg-subtle: #16191D;
  --surface: #1B1E23;
  --surface-2: #22262C;
  --surface-tint: #283040;
  --border: #2E333B;
  --border-strong: #3D444F;
  --text: #E8EBEF;
  --text-secondary: #A9B1BD;
  --text-muted: #8F98A5;
  --neutral-badge: #A9B1BD;
  --text-placeholder: #6E7682;
  --primary: #7EA2D6;
  --primary-hover: #8FB0DF;
  --primary-active: #6A90C9;
  --on-primary: #111418;
  --primary-soft-bg: #1E2A3D;
  --link: #6FB6F0;
  --focus-ring: #9DB9E3;
  --accent: #C08BD0;
  --success: #5FD07E;
  --success-bg: #12301C;
  --warning: #F0B44A;
  --warning-bg: #3A2A08;
  --danger: #F0736E;
  --danger-bg: #3A1414;
  --info: #6FB6F0;
  --info-bg: #0F2340;
  --overlay: rgba(0, 0, 0, .65);
  --hero-bg: #16181B;
  --sidebar-bg: #111418;
  --sidebar-active-bg: #3A62A0;
  --hero-text-secondary: #A9B4C4;
  --hero-glass: rgba(255, 255, 255, .07);

  --tier-lux-bg: rgba(122, 46, 142, .18);
  --tier-premium-bg: rgba(21, 101, 192, .18);
  --tier-standard-bg: rgba(157, 163, 173, .18);
  --tier-lux-fg: #C08BD0;
  --tier-premium-fg: #6FB6F0;
  --tier-standard-fg: #B6BECD;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .30);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .36), 0 1px 2px rgba(0, 0, 0, .24);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, .44);
}

/* Kullanici acik temayi sectiyse sistem koyu olsa bile bare :root degerleri gecerlidir;
   :root[data-theme="light"] ayrica bir sey tanimlamaz — ilk blok zaten acik temadir. */

/* Tema bagli logo secimi: koyu yazili logo acik temada, acik yazili logo koyu temada gorunur (giris, servis, musteri, hata kabuklari). */
.logo-for-dark { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .logo-for-light { display: none; }
  :root:not([data-theme="light"]) .logo-for-dark { display: block; }
}
:root[data-theme="dark"] .logo-for-light { display: none; }
:root[data-theme="dark"] .logo-for-dark { display: block; }