/* NS Viewport Studio — Design Tokens v3.2
   Tek kaynak; tüm sayfalar buradan beslenir */
:root{
  /* ── Arkaplan (7 ton) ── */
  --bg-0:#070b16;--bg-1:#0a0f1e;--bg-2:#0d1424;--bg-3:#10192b;
  --bg-4:#141e32;--bg-5:#192538;--bg-6:#1e2c40;

  /* ── Sınır (4 ton) ── */
  --br-1:#1a2236;--br-2:#1f2a3e;--br-3:#263348;--br-4:#2d3d56;

  /* ── Vurgu ── */
  --blue:#4d8df6;--blue-lt:#6fa3f8;--blue-dk:#3872e0;
  --cyan:#2dd4e8;--green:#20c997;--amber:#f59e0b;--red:#f04458;--purple:#8b5cf6;

  /* ── Alfa ── */
  --blue-a10:rgba(77,141,246,.10);--blue-a15:rgba(77,141,246,.15);
  --blue-a20:rgba(77,141,246,.20);--blue-a30:rgba(77,141,246,.30);
  --blue-glow:rgba(77,141,246,.06);
  --green-a10:rgba(32,201,151,.10);--green-a20:rgba(32,201,151,.20);
  --green-a30:rgba(32,201,151,.30);
  --red-a10:rgba(240,68,88,.10);--red-a20:rgba(240,68,88,.20);
  --amber-a15:rgba(245,158,11,.15);--purple-a15:rgba(139,92,246,.15);

  /* ── Metin (4 ton) ── */
  --tx-1:#eef2fb;--tx-2:#8d99b8;--tx-3:#535e7a;--tx-4:#313c56;

  /* ── Gradyan ── */
  --g-blue:linear-gradient(135deg,#4d8df6,#2dd4e8);
  --g-blue-v:linear-gradient(180deg,#4d8df6,#2dd4e8);
  --g-purple:linear-gradient(135deg,#8b5cf6,#4d8df6);
  --g-green:linear-gradient(135deg,#20c997,#2dd4e8);
  --g-amber:linear-gradient(135deg,#f59e0b,#f97316);
  --g-card:linear-gradient(145deg,#0f1826,#0a1020);
  --g-glow:radial-gradient(ellipse at 50% 0%,rgba(77,141,246,.18),transparent 70%);
  --g-glow2:radial-gradient(ellipse at 80% 80%,rgba(45,212,232,.12),transparent 60%);

  /* ── Gölge ── */
  --sh-xs:0 1px 2px rgba(0,0,0,.4);
  --sh-sm:0 2px 8px rgba(0,0,0,.45);
  --sh-md:0 4px 20px rgba(0,0,0,.55);
  --sh-lg:0 8px 40px rgba(0,0,0,.65);
  --sh-xl:0 20px 60px rgba(0,0,0,.75);
  --sh-blue:0 0 0 1px var(--blue-a30),0 4px 24px rgba(77,141,246,.25);
  --sh-green:0 0 0 1px var(--green-a30),0 4px 16px rgba(32,201,151,.2);
  --sh-phone:0 40px 100px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.05),inset 0 1px 0 rgba(255,255,255,.08);

  /* ── Tipografi ── */
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --mono:'SFMono-Regular','Cascadia Code','Roboto Mono','Fira Code',Consolas,monospace;

  /* ── Spacing ── */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;
  --s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;

  /* ── Radius ── */
  --r2:2px;--r4:4px;--r6:6px;--r8:8px;--r10:10px;
  --r12:12px;--r16:16px;--r20:20px;--r-full:9999px;

  /* ── Boyutlar ── */
  --bar-h:52px;--side-w:56px;--lp-w:300px;--rp-w:272px;--auth-w:380px;

  /* ── Geçiş ve hareket standardı ── */
  --ease:.18s cubic-bezier(.4,0,.2,1);
  --ease-spring:.24s cubic-bezier(.34,1.4,.64,1);
  --ease-out:.2s cubic-bezier(0,0,.2,1);
  --motion-fast:.12s ease;
  --motion-normal:.18s cubic-bezier(.4,0,.2,1);
  --motion-slow:.28s cubic-bezier(.4,0,.2,1);
  --motion-standard:border-color var(--motion-normal),background-color var(--motion-normal),box-shadow var(--motion-normal),color var(--motion-normal),opacity var(--motion-normal);
  --focus-ring:0 0 0 3px rgba(77,141,246,.28);
  --state-success:var(--green);
  --state-warning:var(--amber);
  --state-danger:var(--red);

  /* ══════════════════════════════════════
     ALIAS KATMANI — Geriye dönük uyumluluk
     v2 token adları → v3 gerçek değerlere
  ══════════════════════════════════════ */
  /* Arkaplan */
  --c-bg:var(--bg-0);--c-bg1:var(--bg-1);--c-bg2:var(--bg-2);
  --c-bg3:var(--bg-3);--c-bg4:var(--bg-4);--c-bg5:var(--bg-5);--c-bg6:var(--bg-6);
  /* Sınır */
  --c-border:var(--br-1);--c-border2:var(--br-2);
  --c-border3:var(--br-3);--c-border4:var(--br-4);
  /* Metin */
  --c-t1:var(--tx-1);--c-t2:var(--tx-2);--c-t3:var(--tx-3);--c-t4:var(--tx-4);
  /* Vurgu */
  --c-blue:var(--blue);--c-cyan:var(--cyan);--c-green:var(--green);
  --c-orange:var(--amber);--c-red:var(--red);--c-purple:var(--purple);
  /* Alfa */
  --c-blue-dim:var(--blue-a10);--c-blue-glow:var(--blue-glow);
  --c-blue-border:var(--blue-a30);
  --c-green-dim:var(--green-a10);--c-green-border:var(--green-a30);
  --c-orange-dim:var(--amber-a15);--c-red-dim:var(--red-a10);
  /* Gradyan */
  --grad-blue:var(--g-blue);--grad-card:var(--g-card);
  /* Gölge */
  --shadow-sm:var(--sh-sm);--shadow-md:var(--sh-md);
  --shadow-lg:var(--sh-lg);--shadow-blue:var(--sh-blue);
  --shadow-phone:var(--sh-phone);
  /* Tipografi */
  --font-body:var(--font);--font-mono:var(--mono);
  /* Radius */
  --r-xs:var(--r4);--r-sm:var(--r8);--r-md:var(--r12);
  --r-lg:var(--r16);--r-xl:var(--r20);
  /* Boyut */
  --topbar-h:var(--bar-h);--sidebar-w:var(--side-w);
  /* Geçiş */
  --t-fast:.12s ease;--t-normal:var(--ease);--t-slow:.28s ease;
  --t-spring:var(--ease-spring);
  /* Tipografi ölçekleri */
  --lh-tight:1.1;--lh-snug:1.3;--lh-normal:1.5;--lh-relaxed:1.65;
  --text-xs:10px;--text-sm:12px;--text-base:14px;
}