/* Theme Variables */
:root {
  --bg: #0f172a;            /* slate-900 */
  --bg-elev: #111827;       /* gray-900 */
  --panel: #111827;
  --text: #e5e7eb;          /* gray-200 */
  --muted: #9ca3af;         /* gray-400 */
  --accent: #60a5fa;        /* blue-400 */
  --accent-2: #34d399;      /* emerald-400 */
  --warning: #f59e0b;       /* amber-500 */
  --danger: #ef4444;        /* red-500 */
  --border: #1f2937;        /* gray-800 */
  --chip-bg: #1f2937;
}

.light {
  --bg: #ffffff;            /* white background */
  --bg-elev: #f8fafc;       /* very light gray for elevated elements */
  --panel: #ffffff;         /* white panels */
  --text: #1e293b;          /* slate-800 for readable dark text */
  --muted: #94a3b8;         /* slate-400 - lighter for better readability */
  --muted-2: #e2e8f0;       /* slate-200 - very light for backgrounds */
  --accent: #2d3e9f;        /* deep blue matching logo */
  --accent-2: #059669;      /* emerald-600 */
  --warning: #d97706;       /* amber-600 */
  --danger: #dc2626;        /* red-600 */
  --border: #cbd5e1;        /* slate-300 for borders */
  --chip-bg: #f1f5f9;       /* slate-100 */
  --card: #ffffff;          /* white cards */
  --sidebar-bg: #2d3e9f;    /* matching logo purple-blue */
  --sidebar-text: #ffffff;
  --sidebar-hover: #3d4eb0;
  --sidebar-active: #4d5ec0;
}