/* OnionZero Panel — oz-tokens.css (v8 UNIFIED, 2026-09)
   TEK KANONİK TOKEN KAYNAĞI. Layout head'inde ilk yüklenen stil dosyası.

   Palet, kurumsal sitenin (oz-site.css v6 "VAULT") --ozv-* token'larıyla
   BİREBİR aynıdır:
     yıldızlararası obsidyen   #020408 / #060A12 / #0B1220
     lazer buz-mavisi (foton)  #38BDF8 · elektrik kobalt #2563EB
     yıldız/titanyum           #F1F5F9 / #94A3B8 / #475569
     doğrulama zümrüdü         #10B981 · kehribar (uyarı) #F59E0B
   Radius ölçeği 10/13/16, gölge ölçeği, spacing (4-96) ve motion
   token'ları bu dosyada; dark :root bloğunda, light
   :root[data-theme="light"] bloğunda yan yana tanımlıdır.

   SÖZLEŞME:
   - oz-panel.css, oz-lab.css ve ozp-*.css sayfa katmanları bu token'ları
     var(--ad[,fallback]) ile tüketir; hiçbir katman token TANIMLAMAZ.
   - "Köprü" bölümündeki eski isimler (--deep/--ink/--violet/--cyan/...)
     kırılmaz çalışır ve kanonik --ozv-* değerlerine alias'tır. Mor kimlik
     kaldırılmıştır: --violet/--blue → kobalt, --teal/--cyan → buz,
     --mint/--neon → zümrüt.
   - Alias'lar var(--ozv-*) üzerinden çözüldüğü için light blokta yalnızca
     AA kontrastı gerektiren isimler yeniden bildirilir; geri kalanı
     otomatik light değerine düşer. */
:root{
  /* ======================= KANONİK v8 PALET ======================= */
  --ozv-deep:#020408;        /* en derin yıldızlararası obsidyen */
  --ozv-void:#060A12;        /* kuyu / koyu yüzey */
  --ozv-abyss:#0B1220;       /* ana yüzey */
  --ozv-ice:#38BDF8;         /* lazer buz-mavisi (foton) */
  --ozv-cobalt:#2563EB;      /* elektrik kobalt */
  --ozv-cobalt-deep:#1D4ED8;
  --ozv-star:#F1F5F9;        /* yıldız ışığı (ana metin) */
  --ozv-metal:#94A3B8;       /* titanyum (ikincil metin) */
  --ozv-titanium:#475569;    /* koyu titanyum (zayıf metin) */
  --ozv-emerald:#10B981;     /* doğrulama zümrüdü */
  --ozv-amber:#F59E0B;       /* kurcalama kilidi / uyarı kehribarı */

  /* türetilmiş yüzeyler / çizgiler */
  --ozv-surface:#0B1220;
  --ozv-surface-2:#101A2E;
  --ozv-line:#182742;
  --ozv-line-2:#263B5E;
  --ozv-glass:rgba(11,18,32,.66);
  --ozv-on-grad:#03101E;     /* gradyan üstü metin (dark) */

  /* v8 gradyan: kobalt → foton buzu → zümrüt (mor YOK) */
  --ozv-grad:linear-gradient(115deg,#2563EB 0%,#38BDF8 52%,#10B981 100%);
  --ozv-grad-soft:linear-gradient(115deg,rgba(37,99,235,.7),rgba(56,189,248,.65) 50%,rgba(16,185,129,.7));

  /* ışıma / gölge rejimi (derin uzay: glow ağırlıklı) */
  --ozv-glow-ice:rgba(56,189,248,.42);
  --ozv-glow-cobalt:rgba(37,99,235,.40);
  --ozv-ring-glow:0 0 0 1px rgba(56,189,248,.30);
  --ozv-shadow-1:0 2px 10px rgba(0,0,0,.35);
  --ozv-shadow-2:0 18px 48px -16px rgba(0,0,0,.58);
  --ozv-shadow-glow:0 18px 60px -18px rgba(37,99,235,.40),0 0 0 1px rgba(37,99,235,.22);
  --ozv-header-bg:rgba(2,4,8,.72);

  /* tipografi */
  --ozv-ui:Inter,'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
  --ozv-mono:ui-monospace,'JetBrains Mono','Cascadia Code',Consolas,monospace;

  /* radius ölçeği + kronometri (motion) */
  --ozv-r1:10px; --ozv-r2:13px; --ozv-r3:16px;
  --ozv-ease:cubic-bezier(.16,1,.3,1);
  --ozv-dur:.55s;

  /* ======================= KANONİK PANEL TAKMA ADLARI =======================
     Command Deck brief isimleri — yeni bileşenler fallback'li kullanır:
     var(--oz-deep,#020408) · var(--oz-accent,#38BDF8) vb. */
  --oz-deep:var(--ozv-deep);
  --oz-ink:var(--ozv-void);
  --oz-accent:var(--ozv-ice);
  --oz-neon:var(--ozv-emerald);

  /* ======================= KÖPRÜ: ESKİ oz-* İSİMLERİ =======================
     oz-panel.css/oz-lab.css ve dokunulmayan görünümler bu adları tüketir.
     Kimlik eşlemesi: violet/blue → kobalt, teal/cyan → buz,
     mint/neon → zümrüt. */
  --deep:var(--ozv-deep);
  --ink:var(--ozv-void);
  --surface:var(--ozv-surface);
  --surface2:var(--ozv-surface-2);
  --line:var(--ozv-line);
  --line2:var(--ozv-line-2);
  --text:var(--ozv-star);
  --muted:var(--ozv-metal);
  --violet:var(--ozv-cobalt);
  --blue:var(--ozv-cobalt);
  --indigo:var(--ozv-cobalt-deep);
  --cyan:var(--ozv-ice);
  --teal:var(--ozv-ice);
  --teal-deep:#0284C7;
  --mint:var(--ozv-emerald);
  --neon:var(--ozv-emerald);
  --on-grad:var(--ozv-on-grad);

  /* durum renkleri (hata/uyarı/gösterge dışında kullanılmaz) */
  --green:var(--ozv-emerald);
  --amber:var(--ozv-amber);
  --red:#FF5C6C;
  --gray:#64748B;

  /* gradyan köprüsü */
  --grad:var(--ozv-grad);
  --grad-soft:var(--ozv-grad-soft);

  /* tipografi / spacing / radius köprüsü */
  --ui:var(--ozv-ui);
  --mono:var(--ozv-mono);
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;
  --r1:var(--ozv-r1);       /* 10px */
  --r2:var(--ozv-r2);       /* 13px */
  --r3:var(--ozv-r3);       /* 16px */
  --r-card:var(--ozv-r2);   /* kart yarıçapı (cards, stat, table-wrap…) */
  --ease:var(--ozv-ease);
  --dur:var(--ozv-dur);
  --motion-1:.15s;          /* mikro etkileşim (hover, renk) */
  --motion-2:.25s;          /* küçük yer değiştirme / tema geçişi */

  /* düzen */
  --side-w:240px; --rail-w:76px; --top-h:60px;

  /* gölge ölçeği (dark değerler; light blokta yeniden bildirilir) */
  --shadow-sm:var(--ozv-shadow-1);
  --shadow-md:0 10px 30px -12px rgba(0,0,0,.5);
  --shadow-lg:var(--ozv-shadow-2);
  --shadow-glow:0 0 28px rgba(56,189,248,.10);

  /* yükseltilmiş düğme iç parlama / marka arka ışıması */
  --hl-btn:inset 0 1px 0 rgba(255,255,255,.10);
  --hl-btn-soft:inset 0 1px 0 rgba(255,255,255,.06);
  --mark-glow:radial-gradient(closest-side,rgba(56,189,248,.26),transparent 70%);

  /* tema-duyarlı yüzey tonları + odak halkası */
  --top-bg:var(--ozv-header-bg);                /* yapışkan üst çubuk zemin */
  --th-bg:rgba(56,189,248,.05);                 /* tablo başlığı */
  --row-hover:rgba(56,189,248,.06);             /* satır hover */
  --row-zebra:rgba(148,163,184,.035);           /* zebra şeridi */
  --scrim-bg:rgba(2,4,9,.62);                   /* mobil çekmece / modal scrim */
  --focus-bg:rgba(2,4,8,.66);                   /* odaklanmış input zemini */
  --empty-bg:rgba(11,18,32,.35);                /* empty-state zemin */
  --ring:rgba(56,189,248,.30);                  /* odak halkası */

  /* OZ-LAB dekorasyon token'ları (cam/glow malzemesi — tek kaynak) */
  --glass:var(--ozv-glass);
  --glass-line:rgba(148,163,184,.16);
  --glass-line-hi:rgba(56,189,248,.38);
  --glow-soft:0 0 26px -8px rgba(56,189,248,.40);
  --glow-line:0 0 8px rgba(16,185,129,.50);
  --bstrip:rgba(56,189,248,.045);               /* lab zebra şeridi */
  --mark-line:rgba(56,189,248,.45);
  --accent:var(--ozv-ice);                      /* accent-color köprüsü */

  color-scheme:dark;
}

/* ======================= LIGHT THEME =======================
   Site v6 açık mod parity: soğuk titanyum levha üstünde aynı fizik
   paleti. #38BDF8 buz beyaz zeminde AA vermez (~2.2:1) → okunan aksanlar
   #0284C7 / kobalta; zümrüt → #0A8F63; kehribar → #B45309 koyultulur. */
:root[data-theme="light"]{
  /* kanonik yüzey eşlemesi (site ile birebir) */
  --ozv-deep:#F4F7FC;
  --ozv-void:#FFFFFF;
  --ozv-abyss:#FFFFFF;
  --ozv-surface:#FFFFFF;
  --ozv-surface-2:#F1F5FB;
  --ozv-line:#DFE7F4;
  --ozv-line-2:#C3D2E8;
  --ozv-glass:rgba(255,255,255,.82);
  --ozv-on-grad:#FFFFFF;
  --ozv-glow-ice:rgba(37,99,235,.18);
  --ozv-glow-cobalt:rgba(37,99,235,.16);
  --ozv-ring-glow:0 0 0 1px rgba(37,99,235,.24);
  --ozv-shadow-1:0 2px 8px -2px rgba(23,42,110,.14);
  --ozv-shadow-2:0 22px 48px -20px rgba(23,42,110,.28);
  --ozv-shadow-glow:0 28px 70px -26px rgba(37,99,235,.38),0 2px 8px -2px rgba(23,42,110,.14);
  --ozv-header-bg:rgba(244,247,252,.80);

  /* AA-ayarlı aksan/metin köprüleri (buz #38BDF8 → #0284C7 vb.) */
  --oz-accent:#0284C7;
  --oz-neon:#0A8F63;
  --cyan:#0284C7;
  --teal:#0284C7;
  --teal-deep:#0B7FA3;
  --mint:#0A8F63;
  --neon:#0A8F63;
  --green:#0A8F63;
  --amber:#B45309;
  --red:#C03745;
  --gray:#475569;
  --text:#0A1428;
  --muted:#48597E;

  /* light gradyan: koyultılmış üçlü — beyaz metinle AA (ilk durak ≥4.6:1) */
  --grad:linear-gradient(115deg,#1D4ED8 0%,#0369A1 55%,#047857 100%);
  --grad-soft:linear-gradient(115deg,rgba(29,78,216,.14),rgba(3,105,161,.12) 55%,rgba(4,120,87,.14));

  /* gölge ölçeği (yumuşak, koyu temadan güçlü) */
  --shadow-md:0 10px 28px -14px rgba(23,42,110,.24);
  --shadow-glow:0 0 0 rgba(0,0,0,0);
  --hl-btn:inset 0 1px 0 rgba(255,255,255,.40);
  --hl-btn-soft:inset 0 1px 0 rgba(255,255,255,.25);
  --mark-glow:radial-gradient(closest-side,rgba(37,99,235,.16),transparent 70%);

  /* yüzey tonları */
  --th-bg:rgba(37,99,235,.05);
  --row-hover:rgba(37,99,235,.055);
  --row-zebra:rgba(71,85,105,.03);
  --scrim-bg:rgba(10,20,40,.32);
  --focus-bg:#FFFFFF;
  --empty-bg:rgba(255,255,255,.50);
  --ring:rgba(37,99,235,.28);

  /* lab cam/glow malzemesi */
  --glass-line:rgba(71,85,105,.16);
  --glass-line-hi:rgba(37,99,235,.40);
  --glow-soft:0 10px 26px -12px rgba(23,42,110,.20);
  --glow-line:0 0 6px rgba(10,143,99,.35);
  --bstrip:rgba(37,99,235,.04);
  --mark-line:rgba(37,99,235,.40);
  --accent:#0284C7;

  color-scheme:light;
}

/* JS'siz / data-theme'siz durumda :root yukarıdaki dark paleti taşır —
   içerik her koşulda görünür kalır (site ile aynı davranış). */