/* ==========================================================================
   AURORA TASARIM SİSTEMİ — Token Katmanı (Faz 23.0)
   --------------------------------------------------------------------------
   Tüm yüzeylerde (admin SPA + public sayfalar) paylaşılan TEK token kaynağı.
   Yükleme sırası: tokens.css → style.css / public.css / inline <style> →
   en SON tenant theme.css (--primary/--logo-url/--bg-url override eder).

   KURALLAR:
   • Token'lar white-label giriş noktalarını (--primary, --primary-rgb,
     --logo-url, --bg-url) ALIAS'lar — ASLA yeniden tanımlamaz.
   • Mevcut --surface/--text/--border vb. korunur; yeni semantik alias'lar
     onlara var() ile bağlanır. CSS custom property'leri use-time'da çözüldüğü
     için bu, yükleme sırasından bağımsız çalışır ve light/dark'a otomatik uyar
     → Faz 23.0 görsel olarak PİKSEL-AYNI kalır (saf additive).
   ========================================================================== */

:root {
  /* ---- Nötr primitif skala (Slate) — sabit hex'ler buraya süpürülecek ---- */
  --slate-50:#f8fafc;  --slate-100:#f1f5f9; --slate-200:#e2e8f0; --slate-300:#cbd5e1;
  --slate-400:#94a3b8; --slate-500:#64748b; --slate-600:#475569; --slate-700:#334155;
  --slate-800:#1e293b; --slate-900:#0f172a; --slate-950:#020617;

  /* ---- Aurora marka türevleri (theme.css'in verdiği --primary üzerine) ---- */
  /* color-mix desteklemeyen eski WebView'lar ilk (fallback) değerde kalır. */
  --aurora-1: rgb(var(--primary-rgb));
  --aurora-2: #8b5cf6;
  --aurora-2: color-mix(in srgb, rgb(var(--primary-rgb)) 55%, #8b5cf6);
  --aurora-3: #06b6d4;
  --aurora-3: color-mix(in srgb, rgb(var(--primary-rgb)) 55%, #06b6d4);
  --aurora-gradient: linear-gradient(135deg, var(--aurora-1), var(--aurora-2) 52%, var(--aurora-3));
  --aurora-soft: linear-gradient(135deg,
                 rgba(var(--primary-rgb), .16), rgba(var(--primary-rgb), .04) 60%, transparent);
  --aurora-glow: 0 8px 30px -8px rgba(var(--primary-rgb), .45);

  /* ---- Semantik yüzey / metin / sınır alias (mevcut değişkenlere bağlı) ---- */
  --surface-1: var(--surface);
  --surface-2: var(--surface-hover);
  --surface-3: var(--background);
  --text-1: var(--text);
  --text-2: var(--text-muted);
  --text-3: var(--text-muted);
  --text-3: color-mix(in srgb, var(--text-muted) 72%, transparent);
  --border-1: var(--border);
  --border-2: var(--border-hover);

  /* ---- Spacing skalası (4px taban) ---- */
  --space-0:0;      --space-1:.25rem; --space-2:.5rem;  --space-3:.75rem; --space-4:1rem;
  --space-5:1.25rem;--space-6:1.5rem; --space-7:2rem;   --space-8:2.5rem; --space-9:3rem;
  --space-10:4rem;  --space-11:5rem;  --space-12:6rem;

  /* ---- Akışkan tip skalası ---- */
  --text-xs:   clamp(.72rem, .69rem + .12vw, .78rem);
  --text-sm:   clamp(.82rem, .79rem + .15vw, .9rem);
  --text-base: clamp(.95rem, .92rem + .2vw,  1rem);
  --text-lg:   clamp(1.05rem, 1rem + .3vw,   1.2rem);
  --text-xl:   clamp(1.2rem, 1.1rem + .5vw,  1.45rem);
  --text-2xl:  clamp(1.45rem, 1.25rem + .9vw, 1.9rem);
  --text-3xl:  clamp(1.8rem, 1.45rem + 1.5vw, 2.6rem);
  --text-4xl:  clamp(2.2rem, 1.7rem + 2.4vw,  3.4rem);
  --leading-tight:1.15; --leading-snug:1.3; --leading-normal:1.5; --leading-relaxed:1.7;
  --weight-normal:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700; --weight-extra:800;

  /* ---- Radii (mevcut --radius-sm/md/lg korunur, ekler) ---- */
  --radius-xs:6px;
  --radius-full:999px;

  /* ---- Elevation (koyu tema) — --elev-3, mevcut --shadow ile birebir aynı ---- */
  --elev-0: none;
  --elev-1: 0 1px 2px rgba(0,0,0,.30);
  --elev-2: 0 4px 14px -4px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.30);
  --elev-3: 0 20px 40px rgba(0,0,0,.40), 0 1px 3px rgba(0,0,0,.10);
  --elev-4: 0 32px 70px -12px rgba(0,0,0,.60), 0 2px 8px rgba(0,0,0,.40);

  /* ---- Motion ---- */
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:320ms; --dur-slower:520ms;
  --ease-out:   cubic-bezier(.16,1,.3,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --ease-inout: cubic-bezier(.65,.05,.36,1);

  /* ---- Z-index skalası (mevcut inline z-index:1000 modal'larla uyumlu) ---- */
  --z-base:1; --z-raised:10; --z-nav:100; --z-drawer:900;
  --z-modal:1000; --z-toast:1100; --z-popover:1200; --z-max:9990;

  /* ---- Glass ---- */
  --glass-bg: rgba(15,22,42,.72);
  --glass-border: rgba(255,255,255,.10);
  --glass-blur: 16px;
  --glass-saturate: 160%;

  /* ---- Safe-area (PWA / notch) ---- */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left, 0px);
  --safe-right:  env(safe-area-inset-right, 0px);
}

/* Açık tema: elevation + glass yeniden ayarlanır (semantik alias'lar otomatik uyar).
   --elev-3 burada da mevcut light-theme --shadow ile birebir aynı. */
body.light-theme {
  --elev-1: 0 1px 2px rgba(15,23,42,.06);
  --elev-2: 0 4px 14px -4px rgba(15,23,42,.10), 0 1px 2px rgba(15,23,42,.05);
  --elev-3: 0 20px 40px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.02);
  --elev-4: 0 32px 70px -12px rgba(15,23,42,.16), 0 2px 8px rgba(15,23,42,.08);
  --glass-bg: rgba(255,255,255,.82);
  --glass-border: rgba(15,23,42,.08);
}

/* Hareket azaltma tercihi: tüm geçiş süreleri ~anında */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast:0.01ms; --dur-base:0.01ms; --dur-slow:0.01ms; --dur-slower:0.01ms;
  }
}