/* ============================================================
   RedoNetwork Design Tokens — tek kaynak
   Marka: Volt (#E7FF72, logodan birebir) + Ink yüzey ailesi.
   Tüm bileşenler yalnızca bu değişkenleri kullanır; sayfalarda
   rastgele hex / radius / gölge tanımlanmaz.
   ============================================================ */

:root {
  /* ---- Marka ---- */
  --rn-volt: #E7FF72;            /* logo rengi — birincil vurgu */
  --rn-volt-strong: #D6F23C;     /* hover / basılı durum */
  --rn-volt-soft: rgba(231, 255, 114, .14);
  --rn-volt-ink: #171A0B;        /* volt zemin üstü metin */
  --rn-violet: #8B7CFF;          /* ikincil vurgu / grafik */
  --rn-sky: #54B9FF;
  --rn-mint: #34CE96;
  --rn-coral: #FF7A6B;
  --rn-amber: #F5B34D;

  /* ---- Grafik serileri (marka uyumlu, ayrışan) ---- */
  --chart-1: #A9C824;  /* volt'un okunur tonu (açık zeminde) */
  --chart-2: #8B7CFF;
  --chart-3: #54B9FF;
  --chart-4: #FF7A6B;
  --chart-5: #34CE96;
  --chart-6: #F5B34D;
  --chart-7: #7E8CA3;
  --chart-grid: rgba(120, 132, 156, .16);

  /* ---- Semantik ---- */
  --success: #1F9D6C;
  --success-soft: rgba(52, 206, 150, .13);
  --warning: #B87A1E;
  --warning-soft: rgba(245, 179, 77, .16);
  --danger: #D5485A;
  --danger-soft: rgba(227, 91, 106, .12);
  --info: #2E7FC2;
  --info-soft: rgba(84, 185, 255, .13);

  /* ---- Açık tema yüzeyleri ---- */
  --bg: #F4F5F1;                 /* hafif yeşil altına çalan kâğıt */
  --bg-gradient: radial-gradient(1200px 500px at 85% -10%, rgba(231,255,114,.16), transparent 60%),
                 radial-gradient(900px 480px at -10% 110%, rgba(139,124,255,.08), transparent 55%);
  --surface: #FFFFFF;
  --surface-2: #F8F9F5;          /* iç yüzey / satır zebra */
  --elev: #FFFFFF;
  --border: #E4E7DE;
  --border-strong: #CFD4C6;
  --text: #171B21;
  --text-2: #4C545F;
  --muted: #7A8290;
  --nav-bg: #101418;             /* sidebar her temada ink */
  --nav-text: #C9CFD8;
  --nav-text-active: #F2F5EA;
  --scrim: rgba(12, 15, 19, .44);

  /* ---- Tipografi ---- */
  --font-display: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --fs-h1: clamp(1.28rem, 1.1rem + .7vw, 1.62rem);
  --fs-h2: 1.12rem;
  --fs-h3: .98rem;
  --fs-body: .9rem;
  --fs-small: .8rem;
  --fs-tiny: .72rem;
  --fs-kpi: clamp(1.4rem, 1.2rem + .8vw, 1.85rem);

  /* ---- Ritim ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 44px;
  --radius-xs: 7px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* ---- Katman & gölge ---- */
  --shadow-1: 0 1px 2px rgba(18, 22, 28, .05), 0 4px 14px rgba(18, 22, 28, .05);
  --shadow-2: 0 6px 24px rgba(18, 22, 28, .1);
  --shadow-3: 0 18px 48px rgba(12, 15, 19, .22);
  --z-sticky: 30;
  --z-drawer: 60;
  --z-modal: 70;
  --z-toast: 90;
  --z-cmdk: 95;

  /* ---- Hareket ---- */
  --dur-fast: 160ms;
  --dur: 220ms;
  --dur-slow: 320ms;
  --ease: cubic-bezier(.22, .61, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);

  /* ---- Yerleşim ölçüleri ---- */
  --sidebar-w: 254px;
  --sidebar-w-min: 76px;
  --topbar-h: 64px;
  --content-max: 1480px;
  --control-h: 40px;
  --control-h-sm: 32px;
  --table-row-h: 46px;
  --table-row-h-dense: 36px;
  --touch-target: 44px;

  color-scheme: light;

  /* Eski sayfa içi stillerin kullandığı takma adlar */
  --brand: var(--rn-volt-strong);
  --primary: var(--rn-volt-strong);
  --accent: var(--rn-volt-strong);
  --accent-2: var(--rn-violet);
  --line: var(--border);
  --text-muted: var(--muted);
  --green: var(--success);
  --red: var(--danger);
}

/* ---- Koyu tema ---- */
[data-theme="dark"] {
  --bg: #0C0F13;
  --bg-gradient: radial-gradient(1100px 480px at 82% -12%, rgba(231,255,114,.07), transparent 60%),
                 radial-gradient(900px 520px at -12% 112%, rgba(139,124,255,.09), transparent 55%);
  --surface: #14181E;
  --surface-2: #191E25;
  --elev: #1B2128;
  --border: #262C35;
  --border-strong: #333B47;
  --text: #EDEFE7;
  --text-2: #AFB6C0;
  --muted: #7E8794;
  --nav-bg: #0A0D10;
  --nav-text: #A9B0BB;
  --nav-text-active: #F4F7EA;
  --scrim: rgba(4, 6, 8, .6);

  --chart-1: #E7FF72;
  --chart-grid: rgba(150, 162, 186, .14);
  --success: #4ADE9C;
  --warning: #F5B34D;
  --danger: #F0798A;
  --info: #6FC4FF;
  --shadow-1: 0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.25);
  --shadow-2: 0 8px 28px rgba(0,0,0,.4);
  --shadow-3: 0 22px 60px rgba(0,0,0,.55);

  color-scheme: dark;
}