/* ── Dark theme (default) ─────────────────────────────────────────────────── */
:root,
[data-theme="dark"] {
  --bg:           #0f1117;
  --bg-secondary: #161b27;
  --surface:      #1c2333;
  --surface-2:    #222b3a;
  --surface-hover:#263044;

  --border:       #2a3347;
  --border-light: #334155;

  --text:         #f1f5f9;
  --text-muted:   #8899aa;
  --text-dim:     #566578;

  --primary:        #22c55e;
  --primary-dark:   #16a34a;
  --primary-btn:    #22c55e;
  --primary-btn-hover: #16a34a;
  --primary-btn-text:  #000000;
  --primary-subtle: rgba(34, 197, 94, 0.12);

  --success: #22c55e;
  --warning: #f59e0b;
  --danger:  #ef4444;
  --info:    #3b82f6;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.4);
  --shadow-lg: 0 10px 40px rgba(0,0,0,0.5);

  --topbar-bg: rgba(15,17,23,0.85);
}

/* ── Light theme ──────────────────────────────────────────────────────────── */
[data-theme="light"] {
  --bg:           #f1f5f9;
  --bg-secondary: #ffffff;
  --surface:      #ffffff;
  --surface-2:    #f8fafc;
  --surface-hover:#f1f5f9;

  --border:       #e2e8f0;
  --border-light: #cbd5e1;

  --text:         #0f172a;
  --text-muted:   #64748b;
  --text-dim:     #94a3b8;

  --primary:        #2d8653;
  --primary-dark:   #1e6b3f;
  --primary-btn:    #2d8653;
  --primary-btn-hover: #1e6b3f;
  --primary-btn-text:  #ffffff;
  --primary-subtle: rgba(45, 134, 83, 0.1);

  --success: #16a34a;
  --warning: #d97706;
  --danger:  #dc2626;
  --info:    #2563eb;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.1);
  --shadow-lg: 0 10px 40px rgba(0,0,0,0.12);

  --topbar-bg: rgba(255,255,255,0.9);
}

/* ── Shared (theme-independent) ───────────────────────────────────────────── */
:root {
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  --sidebar-width:  260px;
  --topbar-height:  64px;
  --content-max:    1400px;

  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  28px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;

  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}