/* ===== SIMULTER DESIGN SYSTEM — TEMA DEĞİŞKENLERİ ===== */

:root {
  /* Font */
  --font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radius */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Brand Colors (tema bağımsız) */
  --brand-primary: #2563eb;
  --brand-primary-hover: #1d4ed8;
  --brand-primary-light: rgba(37, 99, 235, 0.1);
  --brand-primary-glow: rgba(37, 99, 235, 0.25);
  --brand-secondary: #10b981;
  --brand-secondary-hover: #059669;
  --brand-accent: #8b5cf6;
  --brand-accent-hover: #7c3aed;
  --brand-warning: #f59e0b;
  --brand-danger: #ef4444;
  --brand-danger-hover: #dc2626;
  --brand-info: #06b6d4;
}

/* ===== DARK TEMA (varsayılan) ===== */
[data-theme="dark"], :root {
  /* Backgrounds */
  --bg-primary: #09090b;
  --bg-secondary: #18181b;
  --bg-tertiary: #27272a;
  --bg-elevated: #1f1f23;
  --bg-hover: rgba(255, 255, 255, 0.05);
  --bg-active: rgba(255, 255, 255, 0.08);

  /* Borders */
  --border-primary: rgba(255, 255, 255, 0.1);
  --border-secondary: rgba(255, 255, 255, 0.06);
  --border-active: rgba(255, 255, 255, 0.2);

  /* Text */
  --text-primary: #fafafa;
  --text-secondary: #a1a1aa;
  --text-tertiary: #71717a;
  --text-inverse: #09090b;

  /* Surfaces */
  --surface-card: #18181b;
  --surface-card-hover: #1f1f23;
  --surface-overlay: rgba(0, 0, 0, 0.7);

  /* Nav */
  --nav-bg: rgba(9, 9, 11, 0.85);
  --nav-border: rgba(255, 255, 255, 0.06);

  /* Inputs */
  --input-bg: #18181b;
  --input-border: #3f3f46;
  --input-focus-border: var(--brand-primary);
  --input-text: #fafafa;
  --input-placeholder: #52525b;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 24px 60px rgba(0, 0, 0, 0.6);

  /* Sidebar */
  --sidebar-bg: #111113;
  --sidebar-border: rgba(255, 255, 255, 0.06);
  --sidebar-item-hover: rgba(255, 255, 255, 0.06);
  --sidebar-item-active: rgba(37, 99, 235, 0.15);

  /* Badge / Status */
  --badge-success-bg: rgba(16, 185, 129, 0.15);
  --badge-success-text: #34d399;
  --badge-warning-bg: rgba(245, 158, 11, 0.15);
  --badge-warning-text: #fbbf24;
  --badge-danger-bg: rgba(239, 68, 68, 0.15);
  --badge-danger-text: #f87171;
  --badge-info-bg: rgba(37, 99, 235, 0.15);
  --badge-info-text: #60a5fa;
  --badge-neutral-bg: rgba(255, 255, 255, 0.08);
  --badge-neutral-text: #a1a1aa;
}

/* ===== LIGHT TEMA ===== */
[data-theme="light"] {
  /* Backgrounds */
  --bg-primary: #ffffff;
  --bg-secondary: #f4f4f5;
  --bg-tertiary: #e4e4e7;
  --bg-elevated: #ffffff;
  --bg-hover: rgba(0, 0, 0, 0.03);
  --bg-active: rgba(0, 0, 0, 0.05);

  /* Borders */
  --border-primary: rgba(0, 0, 0, 0.1);
  --border-secondary: rgba(0, 0, 0, 0.06);
  --border-active: rgba(0, 0, 0, 0.2);

  /* Text */
  --text-primary: #09090b;
  --text-secondary: #52525b;
  --text-tertiary: #a1a1aa;
  --text-inverse: #fafafa;

  /* Surfaces */
  --surface-card: #ffffff;
  --surface-card-hover: #f4f4f5;
  --surface-overlay: rgba(0, 0, 0, 0.4);

  /* Nav */
  --nav-bg: rgba(255, 255, 255, 0.9);
  --nav-border: rgba(0, 0, 0, 0.06);

  /* Inputs */
  --input-bg: #ffffff;
  --input-border: #d4d4d8;
  --input-focus-border: var(--brand-primary);
  --input-text: #09090b;
  --input-placeholder: #a1a1aa;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 24px 60px rgba(0, 0, 0, 0.12);

  /* Sidebar */
  --sidebar-bg: #f8f8f8;
  --sidebar-border: rgba(0, 0, 0, 0.08);
  --sidebar-item-hover: rgba(0, 0, 0, 0.04);
  --sidebar-item-active: rgba(37, 99, 235, 0.1);

  /* Badge / Status */
  --badge-success-bg: rgba(16, 185, 129, 0.1);
  --badge-success-text: #059669;
  --badge-warning-bg: rgba(245, 158, 11, 0.1);
  --badge-warning-text: #d97706;
  --badge-danger-bg: rgba(239, 68, 68, 0.1);
  --badge-danger-text: #dc2626;
  --badge-info-bg: rgba(37, 99, 235, 0.1);
  --badge-info-text: #2563eb;
  --badge-neutral-bg: rgba(0, 0, 0, 0.05);
  --badge-neutral-text: #52525b;
}