/* bitiglab — temel palet: arka plan #1c1c1c, vurgu #79cdcd */
:root {
  --bg-rgb: 28, 28, 28;
  --bg: #1c1c1c;
  --surface: #242424;
  --surface2: #2c2c2c;
  --surface-hover: rgba(255, 255, 255, 0.06);

  /* rgb(121, 205, 205) — rgba(...) için */
  --accent-rgb: 121, 205, 205;

  --primary: #79cdcd;
  --accent: #79cdcd;
  --accent-hover: #92d8d8;
  --primary-glow: rgba(var(--accent-rgb), 0.12);
  --accent-glow: rgba(var(--accent-rgb), 0.12);
  --blue-400: #79cdcd;
  --blue-500: #5fafaf;
  --gold: #79cdcd;

  /* Eski analiz / grafik bileşenleri (stats, summary, log, JS inline) */
  --turkuaz: var(--accent);
  --chart-bar: var(--accent);

  /* Uyarı bandı (özellik kilidi, dikkat) */
  --banner-warning-bg: rgba(245, 158, 11, 0.12);
  --banner-warning-border: rgba(245, 158, 11, 0.25);
  --banner-warning-text: #fde68a;
  --banner-warning-link: #fcd34d;
  --banner-warning-link-hover: #fef3c7;

  /* Satır içi odak (metin editörü, kod) */
  --focus-line-bg: rgba(var(--accent-rgb), 0.1);
  --focus-line-ring: rgba(var(--accent-rgb), 0.35);

  /* Kod blokları (Model Stüdyo blueprint vb.) */
  --code-block-bg: #181818;
  --code-block-fg: var(--text-primary);

  /* Lab “kağıt” önizleme (Word benzeri açık zemin) */
  --lab-preview-paper-bg: #ffffff;
  --lab-preview-paper-fg: #1a1a1a;

  --text-primary: #e8e8e8;
  --text-secondary: #a3a3a3;
  --text-muted: #7a7a7a;
  --text: var(--text-primary);
  --foreground: var(--text-primary);
  --muted: var(--text-muted);
  --black: #1c1c1c;

  --success: #10b981;
  --success-glow: rgba(16, 185, 129, 0.35);
  --green: var(--success);
  --warning: #f59e0b;
  --error: #ef4444;
  --red: #ef4444;
  --red-400: #f87171;
  --red-hover: #dc2626;
  --white: var(--text-primary);
  --white-muted: var(--text-muted);

  /* UI sınırları: daha net ayrım (sadece border kontrastı artırıldı) */
  --border: rgba(255, 255, 255, 0.16);
  --border-strong: rgba(255, 255, 255, 0.24);
  --border-active: var(--accent);
  --grad-premium: var(--accent);

  --bg-glass: rgba(var(--bg-rgb), 0.96);
  --border-glass: rgba(255, 255, 255, 0.14);
  --glass-blur: blur(6px);

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-ml: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;

  /* UI boyut ölçeği — iç sistemler orantılı olsun */
  --size-header-bar: 2.75rem;
  --bar-h: var(--size-header-bar); /* Lab topbar yüksekliği (config-panel konumu için) */
  --size-dot: 0.5rem;
  --size-icon-sm: 1.25rem;
  --size-icon-md: 1.5rem;
  --size-avatar-sm: 2rem;
  --size-avatar-md: 2.5rem;
  --size-avatar-lg: 3.5rem;
  --size-progress-bar: 0.5rem;
  --size-input-min-h: 2.25rem;
  --size-btn-sm-h: 2rem;
  --size-card-icon: 3rem;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-2xl: 16px;
  --radius-full: 999px;

  --text-2xs: 0.65rem;
  --text-xs: 0.72rem;
  --text-sm: 0.82rem;
  --text-md: 1rem;
  --text-lg: 1.15rem;
  --text-xl: 1.5rem;
  --text-heading: 0.95rem;
  --text-ui: 0.8rem;

  --font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --ease: cubic-bezier(0.2, 0, 0, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  --shadow-premium: 0 2px 12px rgba(0, 0, 0, 0.35);
  --shadow-glow: none;
  --shadow-soft: 0 1px 4px rgba(0, 0, 0, 0.25);

  --sidebar-w: 240px;
  --right-w: 300px;

  /* Modal — genel kimlik (premium dark, glassmorphism, bitiglab) */
  --modal-overlay-bg: rgba(28, 28, 28, 0.92);
  --modal-overlay-blur: blur(16px);
  --modal-glass-bg: rgba(36, 36, 36, 0.92);
  --modal-border: rgba(255, 255, 255, 0.14);
  --modal-border-glass: rgba(255, 255, 255, 0.2);
  --modal-shadow: 0 24px 80px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --modal-radius: var(--radius-lg);
  --modal-radius-xl: 20px;
  --modal-z: 99999;

  /* Ortak sayfa yapısı: alanı tam kullan, kenarlarda sadece gutter */
  --content-max-w: 100%;
  --page-gutter: 1.5rem;
  --page-gutter-wide: 2rem;
}