/* Tasarım sistemi v2 — tasarım değişkenleri (ADR #15 §8, 5b).
   Tema (Metronic / Bootstrap 5.3) CSS'inden SONRA yüklenir; temaya dokunmaz, yalnız değerleri verir.
   Görünüm değişikliği = bu dosyadaki değerleri değiştirmek. Ekranlarda sabit renk/boyut yazılmaz.
   Kontrast: metin tonları beyaz (koyu temada yüzey) üzerinde en az 4.5:1 (WCAG AA). */

:root,
[data-bs-theme=light] {
  /* Yazı — sistem yazı tipi yığını (dış yazı tipi indirilmez) */
  --ee-font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --ee-font-mono: "Cascadia Mono", Consolas, ui-monospace, monospace;
  /* Giriş/hesap sayfaları (029): Windows 11'de değişken Segoe; uygulamaya yayılması ayrı karar. Ağırlık yalnız 400/600. */
  --ee-font-text: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --ee-font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  /* Tema kök boyutu 13px (!important) olduğundan yazı değerleri px: rem tüm tema aralıklarını büyütürdü. */
  --ee-fs-base: 15px;        /* taban */
  --ee-fs-sm: 13px;          /* en küçük metin */
  --ee-fs-lg: 17px;
  --ee-fs-h1: 24px;
  --ee-fs-h2: 18px;
  --ee-lh: 1.5;

  /* Yüzey ve metin */
  --ee-page: #F4F6FA;
  --ee-surface: #FFFFFF;
  --ee-surface-2: #F8FAFC;
  --ee-group-head: #EEF1F6;   /* grup kabının başlık şeridi (EKRAN-STANDARDI §15-3) */
  --ee-cal-near: rgba(122, 131, 156, .16);   /* takvim açılırında komşu adımın günleri */
  --ee-viewer: #E9ECF2;           /* belge görüntüleyici zemini (sayfaların arkası) */
  --ee-border: #E1E5EE;
  --ee-border-strong: #C4CADA;
  /* Yazdırılan belge (ee-doc.css): koyu temada da kâğıt beyaz, mürekkep siyah; renk yok, yalnız siyah/gri. */
  --ee-print-paper: #fff;
  --ee-print-ink: #000;
  --ee-print-ink-2: #3a3a3a;      /* künye etiketi, yönerge, alt bilgi */
  --ee-print-head: #f2f2f2;
  --ee-print-fill: #f7f7f7;       /* grup satırı */
  --ee-print-rule: #777;
  --ee-doc-edge: 0 0 0 1px #D5DAE5, 0 2px 10px rgba(16, 24, 40, .08);   /* önizlemede kâğıdın kenarı */
  --ee-text: #0F1B3D;
  --ee-text-2: #4B5675;          /* ikincil metin, 7.9:1 */
  --ee-text-3: #8A93AB;          /* soluk metin (0 değeri, kapalı satır); yalnız ikincil bilgi */
  --ee-cell-na: #EEF0F5;          /* tabloda kullanılmayan hücre (ör. yatay geçişi olmayan satır) */
  --ee-header-bg: #FFFFFF;

  /* Vurgu */
  --ee-primary: #1466D8;         /* beyaz yazıyla 5.3:1 */
  --ee-primary-rgb: 20, 102, 216;
  --ee-primary-soft: #EAF2FF;
  --ee-on-primary: #FFFFFF;
  --ee-focus-ring: 0 0 0 3px rgba(20, 102, 216, .35);

  /* Durum (metin rengi / zemin) */
  --ee-ok: #0B7A3E;   --ee-ok-soft: #E6F6EC;
  --ee-warn: #8A5300; --ee-warn-soft: #FFF3D6;
  --ee-bad: #B4153D;  --ee-bad-soft: #FDECEF;
  --ee-info: #5B2BC0; --ee-info-soft: #F1EBFF;
  /* İç not (Mesajlar; Mesaj-Duzeltme P3): zemin yüzey rengi kalır, yalnız şerit + sol kenar kehribar */
  --ee-note-bg: #FFF4DA; --ee-note-border: #D9961C; --ee-note-text: #7A4A00;

  /* Biçim */
  --ee-radius: 12px;
  --ee-radius-sm: 8px;
  /* Kişi dairesi (fotoğrafsız): ton addan gelir (--ee-avatar-hue), doygunluk/açıklık temadan. */
  --ee-avatar-bg-sl: 55% 90%;
  --ee-avatar-fg-sl: 50% 30%;
  /* Konuşma balonu (İşleyiş §2.1): ad rengi hsl(ton …), okundu tiki ✓✓, kişinin ekranında enstitü simgesi. */
  --ee-ms-name-sl: 55% 36%;
  --ee-ms-read: #1F7AE0;
  --ee-ms-inst-bg: #0F4C8A;
  --ee-ms-inst-fg: #FFFFFF;
  /* Logo önizlemesi (D1-7): saydam logo açık ve koyu zeminde nasıl görünür — iki temada da aynı zeminler; seçim alanında dama deseni. */
  --ee-logo-on-light: #FFFFFF;
  --ee-logo-on-dark: #12161F;
  --ee-checker: #E4E8F0;
  /* Logo penceresi ve Kimlik plakaları (ön sayfa v2 §3.2, NOTLAR §2.2): bant yüzeylerinin yazı/çizgi tonları iki temada da aynı (plaka
     temadan bağımsız açık ya da koyu bant çizer); koyu dama (açık renkli logo), kırpma çerçevesi, e-posta anteti zemini. */
  --ee-logo-line-light: #E1E5EE;
  --ee-logo-line-dark: #2B3243;
  --ee-logo-text-light: #0F1B3D;
  --ee-logo-text-dark: #E9ECF3;
  --ee-logo-text2-light: #5B6478;
  --ee-logo-text2-dark: #9AA3B5;
  --ee-checker-dark: #272D3D;
  --ee-checker-dark-bg: #1C2130;
  --ee-logo-crop: #1466D8;
  --ee-logo-crop-shade: rgba(15, 27, 61, .42);
  --ee-logo-mail-bg: #EEF1F6;
  --ee-logo-mail-line: #DDE2EA;
  /* Tek renk sürüm (logo penceresi, tarayıcıda boyanır): koyu zeminde beyaz, açık zeminde koyu gri. */
  --ee-logo-mono-on-dark: #FFFFFF;
  --ee-logo-mono-on-light: #1F2937;
  /* Slayt (ön sayfa): başlık şeridinin karartması ve üstündeki yazı. */
  --ee-slide-shade: rgba(0, 0, 0, .55);
  --ee-slide-text: #FFFFFF;
  /* Işık kutusu (ön sayfa galeri, haber fotoğrafları; iki temada aynı): koyu zemin, yazı, alt yazı, düğme zemini; albüm döşemesindeki
     fotoğraf sayısı rozetinin zemini. */
  --ee-lightbox-bg: rgba(6, 8, 12, .94);
  --ee-lightbox-text: #FFFFFF;
  --ee-lightbox-muted: #D6DAE3;
  --ee-lightbox-btn: rgba(255, 255, 255, .12);
  --ee-album-badge: rgba(10, 14, 22, .66);
  /* Kurum/enstitü rengindeki kısa ad işaretinin yazısı (işaret zemini iki temada da koyu — BrandPalette KMark). */
  --ee-mark-text: #FFFFFF;
  /* Zaman çizelgesi (ee-timeline): geçerli süre çubuğu ve bitmiş süre çubuğu. */
  --ee-tl-on: var(--ee-primary);
  --ee-tl-past: #B4BBCB;
  /* Grafik (ee-chart; Sistem izleme): dataviz palet slot 1–3, hata/başarısız için kritik; ızgara ve eksen çizgisi. */
  --ee-chart-1: #2A78D6;
  --ee-chart-2: #EB6834;
  --ee-chart-3: #1BAF7A;
  --ee-chart-crit: #D03B3B;
  --ee-chart-grid: #EDF0F5;
  --ee-chart-axis: #C4CADA;
  --ee-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .06);
  /* Yükseltilmiş yüzey (pencere, onay penceresi, açılır menü): açık temada bugünkü değerler. */
  --ee-raised: #F4F6FA;
  --ee-raised-card: #FFFFFF;
  --ee-raised-muted: #F8FAFC;
  --ee-raised-edge: #FFFFFF;
  --ee-raised-line: #E1E5EE;
  --ee-raised-outline: transparent;
  --ee-raised-shadow: 0 12px 32px rgba(16, 24, 40, .16);
  --ee-toast-shadow: 0 6px 20px rgba(16, 24, 40, .14);
  --ee-scrim: rgba(0, 0, 0, .5);
  --ee-hue-spectrum: linear-gradient(90deg, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF, #FF0000);   /* renk seçicinin ton çubuğu (temadan bağımsız veri) */
  --ee-space-1: 4px;
  --ee-space-2: 8px;
  --ee-space-3: 12px;
  --ee-space-4: 16px;
  --ee-space-5: 20px;
  --ee-space-6: 24px;
  /* Liste satırı: tüm ee-table listelerinde hücre dikey boşluğu tek ölçü (Programlar listesi esas). */
  --ee-table-cell-py: 8px;
  /* Form satırı (cila 1): giriş kutusu (metin, sayı, select, tarih) ve etiket satırı tek ölçü — yan yana alanlar aynı üst hizada. */
  --ee-control-h: 40px;
  --ee-field-head-h: 24px;
  /* Tanım ekranı düzeni (sınav tipi kaydet, taslak v3): sayfa sütunu sınırı, sol sütun, alçak kutu ve tablo hücresi. */
  --ee-def-max: 1280px;
  --ee-def-left: 520px;
  --ee-def-control-h: 34px;
  --ee-def-input-fs: 14px;
  --ee-def-cell-h: 28px;

  /* Giriş kartı yüzeyleri (ee-account.css). Kurum rengi tonları (--ee-k*) sunucuda kurum renginden türetilir
     (BrandPalette) ve sayfada yazılır; yalnız giriş/hesap sayfalarında --ee-primary yerine geçer. */
  --ee-gk-card: #FFFFFF;
  --ee-gk-card-ft: #F7F9FC;
  --ee-gk-in-bg: #FFFFFF;
  --ee-gk-in-line: #C9CFDC;
  --ee-gk-in-line-hover: #A3ACC0;
  --ee-gk-card-shadow: 0 0 0 1px rgba(15, 27, 61, .07), 0 1px 2px rgba(15, 27, 61, .05), 0 6px 16px -4px rgba(15, 27, 61, .06), 0 28px 56px -24px rgba(15, 27, 61, .24);
  --ee-gk-in-inset: inset 0 1px 2px rgba(15, 27, 61, .05);

  /* Tema (Bootstrap/Metronic) değişkenlerine bağlama: temanın kendi bileşenleri de aynı değerleri alır */
  --bs-font-sans-serif: var(--ee-font);
  --bs-body-font-family: var(--ee-font);
  --bs-body-font-size: var(--ee-fs-base);
  --bs-body-color: var(--ee-text);
  --bs-primary: var(--ee-primary);
  --bs-primary-rgb: var(--ee-primary-rgb);
  --bs-link-color: var(--ee-primary);
  --bs-link-color-rgb: var(--ee-primary-rgb);
  --bs-text-muted: var(--ee-text-2);
  --bs-secondary-color: var(--ee-text-2);
  /* Sayfa zemini tek ton: tema gövdeyi (.app-default) --bs-app-bg-color ile boyar, gövde bir pencere boyunda biter (height: 100%),
     altında html (--ee-page) görünür — ikisi aynı token olmazsa uzun sayfada zemin bir yükseklikten sonra değişir. */
  --bs-app-bg-color: var(--ee-page);
  --bs-gray-500: #6B7490;        /* tema #99A1B7 (2.6:1) → 4.7:1 */
  --bs-gray-600: #525C78;        /* tema #78829D (3.9:1) → 6.6:1 */
}

[data-bs-theme=dark] {
  --ee-avatar-bg-sl: 35% 26%;
  --ee-avatar-fg-sl: 70% 84%;
  --ee-ms-name-sl: 65% 72%;
  --ee-ms-read: #5AA9F5;
  --ee-tl-past: #4C566E;
  --ee-chart-1: #3987E5;
  --ee-chart-2: #D95926;
  --ee-chart-3: #199E70;
  --ee-chart-crit: #D03B3B;
  --ee-chart-grid: #242A38;
  --ee-chart-axis: #3A4257;
  --ee-page: #0E1117;
  --ee-surface: #161A23;
  --ee-surface-2: #1C2130;
  --ee-group-head: #1F2433;
  --ee-cal-near: rgba(170, 178, 197, .16);
  --ee-viewer: #0B0E14;
  --ee-border: #2B3243;
  --ee-border-strong: #3A4257;
  --ee-text: #E9ECF3;
  --ee-text-2: #AAB2C5;
  --ee-text-3: #6E778D;
  --ee-cell-na: #1A1F2B;
  --ee-header-bg: #161A23;
  --ee-primary: #5AA2FF;
  --ee-primary-rgb: 90, 162, 255;
  --ee-primary-soft: #16264A;
  --ee-on-primary: #0B1220;
  --ee-focus-ring: 0 0 0 3px rgba(90, 162, 255, .45);
  --ee-ok: #5DD69A;   --ee-ok-soft: #10301F;
  --ee-warn: #F2C45A; --ee-warn-soft: #33270B;
  --ee-bad: #FF8AA5;  --ee-bad-soft: #3A1420;
  --ee-info: #B89BFF; --ee-info-soft: #241A40;
  --ee-note-bg: #2B2414; --ee-note-border: #C99A3B; --ee-note-text: #EBC46A;
  --ee-shadow: none;
  --ee-doc-edge: 0 0 0 1px #000, 0 4px 18px rgba(0, 0, 0, .55);
  /* Yükseltilmiş yüzey: sayfa zemininden (#0E1117) belirgin açık, çevresi ince açık kenarlık + koyu gölge. */
  --ee-raised: #1E2433;
  --ee-raised-card: #262D40;
  --ee-raised-muted: #222939;
  --ee-raised-edge: #1A1F2C;
  --ee-raised-line: #353D54;
  --ee-raised-outline: rgba(255, 255, 255, .12);
  --ee-raised-shadow: 0 24px 64px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);
  --ee-toast-shadow: 0 4px 14px rgba(0, 0, 0, .45);
  --ee-scrim: rgba(0, 0, 0, .68);
  /* Giriş kartı: gölge yerine kenar çizgisi + üst ince ışık; alan zemini karttan koyu (gömük). */
  --ee-gk-card: #161B25;
  --ee-gk-card-ft: #131820;
  --ee-gk-in-bg: #0F131B;
  --ee-gk-in-line: #323A4D;
  --ee-gk-in-line-hover: #475069;
  --ee-gk-card-shadow: 0 0 0 1px rgba(255, 255, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .05), 0 28px 64px -20px rgba(0, 0, 0, .7);
  --ee-gk-in-inset: inset 0 1px 2px rgba(0, 0, 0, .35);
  --bs-body-bg: var(--ee-page);
  --bs-app-bg-color: var(--ee-page);
  /* Koyu temada gri ölçek temanın kendisidir (ters çevrilmiş); dokunulmaz. */
}