/* ═══════════════════════════════════════════════
   OnlyCRM — Theme Variables
   ═══════════════════════════════════════════════ */

/* ─── Dark Theme (Default) ─── */
[data-theme="dark"] {
  --bg: #0a0a0f;
  --bg-system: #111118;
  --text: #ffffff;
  --text-secondary: #a0a0b8;
  --text-muted: #6b6b80;
  --glass-bg: rgba(17, 17, 24, 0.8);
  --glass-border: rgba(255, 255, 255, 0.06);
  --card-bg: #111118;
}

/* ─── Light Theme ─── */
[data-theme="light"] {
  --bg: #f5f5f7;
  --bg-system: #ffffff;
  --text: #1a1a2e;
  --text-secondary: #555570;
  --text-muted: #8888a0;
  --glass-bg: rgba(255, 255, 255, 0.8);
  --glass-border: rgba(0, 0, 0, 0.08);
  --card-bg: #ffffff;
}

/* ─── Accent: Purple (Default) ─── */
[data-accent="purple"] {
  --accent: #6445b2;
  --accent-light: #7361ae;
  --accent-subtle: rgba(100, 69, 178, 0.12);
  --accent-glow: rgba(100, 69, 178, 0.2);
}

/* ─── Accent: Blue ─── */
[data-accent="blue"] {
  --accent: #3b82f6;
  --accent-light: #60a5fa;
  --accent-subtle: rgba(59, 130, 246, 0.12);
  --accent-glow: rgba(59, 130, 246, 0.2);
}

/* ─── Accent: Green ─── */
[data-accent="green"] {
  --accent: #10b981;
  --accent-light: #34d399;
  --accent-subtle: rgba(16, 185, 129, 0.12);
  --accent-glow: rgba(16, 185, 129, 0.2);
}

/* ─── Accent: Red ─── */
[data-accent="red"] {
  --accent: #ef4444;
  --accent-light: #f87171;
  --accent-subtle: rgba(239, 68, 68, 0.12);
  --accent-glow: rgba(239, 68, 68, 0.2);
}

/* ─── Accent: Orange ─── */
[data-accent="orange"] {
  --accent: #f59e0b;
  --accent-light: #fbbf24;
  --accent-subtle: rgba(245, 158, 11, 0.12);
  --accent-glow: rgba(245, 158, 11, 0.2);
}

/* Light theme overrides for scrollbar */
[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}