/* ─────────────────────────────────────────────────────────────
   MIS JES Operasyon Portalı — ortak tasarım token'ları + logo

   Login (portal.css) ve uygulama kabuğu (portal-app.css) bu dosyayı paylaşır.
   Tema tek kaynak: [data-theme] + localStorage('theme') (landing/login/portal aynı).
───────────────────────────────────────────────────────────── */

:root,
[data-theme="light"] {
  --portal-accent:       #0e9f8c;   /* MIS teal — ana etkileşim rengi */
  --portal-accent-2:     #17c3b2;
  --portal-accent-soft:  rgb(14 159 140 / .1);
  --portal-cta-bg:       linear-gradient(135deg, #0c9482, #13ad9a);
  --portal-cta-fg:       #ffffff;
  --portal-cyan:         #0891b2;   /* teknik/sistem vurgusu */

  /* light "adaçayı" zemin; 2026-11-09 bir kademe koyu: kart / zemin ayrımı 1,15 → 1,24 ("çok açık" geri bildirimi) */
  --portal-page:         #d3ddd9;
  --portal-page-2:       #cad6d2;
  --portal-shell:        #e8efec;   /* üst çubuk/yan menü: saf beyaz yok (göz yormaz) */
  --portal-panel:        #e8efec;
  --portal-surface:      #eef3f1;   /* kart/panel: mat, saf beyaz değil */
  --portal-surface-2:    #e2eae7;   /* tablo başlığı, hover, gömülü alan */
  --portal-text:         #13262b;
  --portal-muted:        #3f5257;   /* ikincil yazı: yüzeyde 7,3:1, zeminde 5,9:1 (2026-11-09; eski #4a5d61) */
  --portal-line:         rgb(19 38 43 / .2);    /* belirgin kenarlık: göz sınır aramasın (2026-11-09: .14 → .2) */
  --portal-shell-border: rgb(19 38 43 / .1);
  --portal-input-bg:     #f3f6f5;   /* kart zemininden hafif açık: alanlar seçilebilir kalır */
  --portal-input-border: #bccbc8;
  --portal-icon-bg:      #eef8f7;
  --portal-icon-border:  rgb(14 159 140 / .2);
  --portal-contour:      rgb(14 110 110 / .07);
  --portal-shadow:       0 30px 70px -36px rgb(15 50 55 / .35), 0 2px 8px rgb(15 50 55 / .04);
  --portal-card-shadow:  0 1px 2px rgb(15 50 55 / .04), 0 8px 24px -16px rgb(15 50 55 / .18);

  /* Semantik renkler: tema bağımsız anlam, tema uyumlu ton */
  /* Başarı yeşili turkuaz vurgudan ayrık (seçim ≠ "durum iyi"; 2026-11-09) */
  --portal-success:      #15803d;
  --portal-success-soft: rgb(21 128 61 / .12);
  --portal-warning:      #d97706;
  --portal-warning-soft: rgb(217 119 6 / .12);
  --portal-danger:       #dc2626;
  --portal-danger-soft:  rgb(220 38 38 / .1);
  --portal-info:         #0284c7;
  --portal-info-soft:    rgb(2 132 199 / .1);
  /* Yazı tonları: renkli METİN için (dolgu/kenarlık ana renkte kalır). Yüzey üstünde ≥ 4,5:1 (ölçüldü 2026-11-09) */
  /* Grafik serileri (tema başına; koyu temada açık tonlar). 1 brüt/teal · 2 veriş/mavi · 3 iç ihtiyaç/amber · 4 mor */
  --chart-1: #0d9488;
  --chart-2: #2563eb;
  --chart-3: #d97706;
  --chart-4: #7c3aed;
  --portal-accent-ink:   #087064;
  --portal-success-ink:  #166534;
  --portal-warning-ink:  #92400e;
  --portal-danger-ink:   #b91c1c;
  --portal-info-ink:     #0369a1;
  --portal-neutral:      #5b6b74;
  --portal-neutral-soft: rgb(91 107 116 / .1);

  --portal-error-bg:     #fef2f2;
  --portal-error-border: #fecaca;
  --portal-error-text:   #9f1d1d;
}

[data-theme="dark"] {
  --portal-accent:       #1ec8b0;
  --portal-accent-2:     #5eead4;
  --portal-accent-soft:  rgb(30 200 176 / .12);
  --portal-cta-bg:       linear-gradient(135deg, #1ec8b0, #5eead4);
  --portal-cta-fg:       #00262b;
  --portal-cyan:         #22d3ee;

  --portal-page:         #01171b;
  --portal-page-2:       #00232a;
  --portal-shell:        #031f25;
  --portal-panel:        #052a31;
  --portal-surface:      #04232a;
  --portal-surface-2:    #062d35;
  --portal-text:         #e4f1f1;
  --portal-muted:        #93aeb2;
  --portal-line:         rgb(94 234 212 / .1);
  --portal-shell-border: rgb(94 234 212 / .16);
  --portal-input-bg:     #02222a;
  --portal-input-border: rgb(94 234 212 / .18);
  --portal-icon-bg:      rgb(20 184 166 / .08);
  --portal-icon-border:  rgb(45 212 191 / .3);
  --portal-contour:      rgb(94 234 212 / .06);
  --portal-shadow:       0 30px 80px -30px rgb(0 0 0 / .7);
  --portal-card-shadow:  0 1px 0 rgb(94 234 212 / .03) inset, 0 12px 30px -18px rgb(0 0 0 / .6);

  --portal-success:      #4ade80;
  --portal-success-soft: rgb(74 222 128 / .14);
  --portal-warning:      #fbbf24;
  --portal-warning-soft: rgb(251 191 36 / .14);
  --portal-danger:       #f87171;
  --portal-danger-soft:  rgb(248 113 113 / .14);
  --portal-info:         #38bdf8;
  --portal-info-soft:    rgb(56 189 248 / .14);
  /* Koyu temada ana renkler zaten ≥ 5,9:1 → yazı tonu = ana renk */
  --chart-1: #2dd4bf;
  --chart-2: #60a5fa;
  --chart-3: #fbbf24;
  --chart-4: #a78bfa;
  --portal-accent-ink:   var(--portal-accent);
  --portal-success-ink:  var(--portal-success);
  --portal-warning-ink:  var(--portal-warning);
  --portal-danger-ink:   var(--portal-danger);
  --portal-info-ink:     var(--portal-info);
  --portal-neutral:      #a3b6bb;
  --portal-neutral-soft: rgb(163 182 187 / .12);

  --portal-error-bg:     rgb(127 29 29 / .28);
  --portal-error-border: rgb(248 113 113 / .35);
  --portal-error-text:   #fecaca;
}

/* ─── MİS JES logo (partials/includes/_mis_jes_logo.html; landing ile aynı görünüm) ─── */
.mis-logo { display: inline-flex; align-items: center; gap: .5rem; line-height: 1; }
.mis-logo-mark { width: 36px; height: 36px; flex-shrink: 0; }
[id^="misLogoGrad"] stop:first-child    { stop-color: var(--portal-accent); }
[id^="misLogoGrad"] stop:last-child     { stop-color: var(--portal-accent-2); }
[id^="misLogoBudGrad"] stop:first-child { stop-color: #f97316; }
[id^="misLogoBudGrad"] stop:last-child  { stop-color: #fbbf24; }
.mis-logo-text { font-size: 1.5rem; letter-spacing: -.02em; white-space: nowrap; }
.mis-logo-text b { font-weight: 800; color: var(--portal-text); }
.mis-logo-text span { font-weight: 500; color: var(--portal-accent); }