/* Design tokens — tek tema anahtarı: data-bs-theme (Bootstrap 5.3 native + kendi token'larımız) */
:root {
  /* nötr slate ölçek */
  --n-0:#ffffff; --n-50:#f8fafc; --n-100:#f1f5f9; --n-200:#e2e8f0; --n-300:#cbd5e1;
  --n-400:#94a3b8; --n-500:#64748b; --n-600:#475569; --n-700:#334155; --n-800:#1e293b; --n-900:#0f172a; --n-950:#020617;

  /* marka (parametrik — _Layout DB'den override eder) */
  --brand:#0f766e;
  --brand-rgb:15,118,110;

  /* semantik */
  --color-primary:var(--brand);
  --success:#16a34a; --success-rgb:22,163,74;
  --warning:#d97706; --warning-rgb:217,119,6;
  --danger:#dc2626;  --danger-rgb:220,38,38;
  --info:#2563eb;    --info-rgb:37,99,235;

  /* yüzeyler (light) */
  --bg:#f1f5f9; --surface:#ffffff; --surface-2:#f8fafc; --border:#e2e8f0;
  --text:#0f172a; --text-muted:#64748b;
  --sidebar-bg:#0f172a; --sidebar-text:#cbd5e1; --sidebar-muted:#64748b; --sidebar-active:rgba(255,255,255,.10);

  /* tipografi */
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-base:1rem; --fs-md:1.0625rem; --fs-lg:1.25rem; --fs-xl:1.5rem; --fs-2xl:1.875rem;

  /* radius / shadow / space / motion */
  --radius-sm:6px; --radius:10px; --radius-lg:16px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.06);
  --shadow:0 1px 3px rgba(15,23,42,.10),0 1px 2px rgba(15,23,42,.06);
  --shadow-lg:0 12px 28px -8px rgba(15,23,42,.18);
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;
  --dur:.2s; --dur-fast:.15s; --ease:cubic-bezier(.16,1,.3,1);
  --sidebar-w:256px; --sidebar-w-collapsed:72px; --topbar-h:60px;

  /* Bootstrap köprüsü */
  --bs-primary:var(--brand);
  --bs-primary-rgb:var(--brand-rgb);
  --bs-link-color:var(--brand);
  --bs-link-hover-color:var(--brand);
  --bs-body-font-family:var(--font);
  --bs-border-radius:var(--radius);
}

[data-bs-theme="dark"] {
  --bg:#020617; --surface:#0f172a; --surface-2:#1e293b; --border:#334155;
  --text:#e2e8f0; --text-muted:#94a3b8;
  --sidebar-bg:#020617; --sidebar-text:#cbd5e1; --sidebar-muted:#64748b; --sidebar-active:rgba(255,255,255,.08);
  --success:#22c55e; --warning:#f59e0b; --danger:#ef4444; --info:#3b82f6;
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow:0 1px 3px rgba(0,0,0,.4);
  --shadow-lg:0 12px 28px -8px rgba(0,0,0,.6);
}