/* ===== DARK THEME (default) ===== */
[data-theme="dark"] {
  --bg-primary: #0f1117;
  --bg-secondary: #1a1d27;
  --bg-card: #1e2130;
  --bg-card-hover: #252840;
  --bg-input: #252840;
  --bg-sidebar: #13151f;
  --bg-topbar: #1a1d27;
  --border: #2a2d3e;
  --border-light: #1e2130;
  --text-primary: #e8eaf0;
  --text-secondary: #8b8fa8;
  --text-muted: #5a5e75;
  --shadow: 0 4px 24px rgba(0,0,0,0.4);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
  --overlay: rgba(0,0,0,0.7);
  --scrollbar-thumb: #2a2d3e;
  --scrollbar-track: #1a1d27;
}

/* ===== LIGHT THEME ===== */
[data-theme="light"] {
  --bg-primary: #f0f2f8;
  --bg-secondary: #e8eaf2;
  --bg-card: #ffffff;
  --bg-card-hover: #f8f9ff;
  --bg-input: #f0f2f8;
  --bg-sidebar: #1a1d27;
  --bg-topbar: #ffffff;
  --border: #e0e3ef;
  --border-light: #eef0f8;
  --text-primary: #1a1d27;
  --text-secondary: #5a5e75;
  --text-muted: #9095b0;
  --shadow: 0 4px 24px rgba(0,0,0,0.08);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --overlay: rgba(0,0,0,0.5);
  --scrollbar-thumb: #c8cce0;
  --scrollbar-track: #e8eaf2;
}

/* ===== BRAND COLORS (shared) ===== */
:root {
  --accent-blue: #4f8ef7;
  --accent-blue-dark: #3a7ae8;
  --accent-green: #22c55e;
  --accent-green-dark: #16a34a;
  --accent-red: #ef4444;
  --accent-red-dark: #dc2626;
  --accent-purple: #a855f7;
  --accent-purple-dark: #9333ea;
  --accent-orange: #f97316;
  --accent-orange-dark: #ea6c0a;
  --accent-teal: #14b8a6;
  --accent-teal-dark: #0d9488;
  --accent-yellow: #eab308;
  --accent-yellow-dark: #ca8a04;
  --accent-pink: #ec4899;

  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --transition: 0.2s ease;
}