/* Base Light Theme */
:root {
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --bg-sidebar: #0f172a;   /* Navy blue sidebar for base theme */
  --bg-hover: #ffffff1a;   
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-sidebar: #94a3b8; /* Lighter text for dark sidebar */
  --text-sidebar-active: #ffffff;
  --accent-color: #1e3a8a; /* Deep Navy Blue accent */
  --accent-hover: #1e40af;
  --border-color: #e2e8f0;
  --border-sidebar: #1e293b;
  --success: #10b981;
  --danger: #c0706f;       /* Warm muted rose — not harsh red */
  --chart-blue-1: #4a7fc1;
  --chart-blue-2: #6b9ff5;
  --chart-blue-3: #a8c4f0;
  --chart-gray: #e2e8f0;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --transition-speed: 0.3s;
}

/* Dark Theme Overlay */
[data-theme="dark"] {
  --bg-primary: #020617; /* Deeper navy slate background */
  --bg-secondary: #0f172a;
  --bg-sidebar: #020617;
  --bg-hover: #1e293b;
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-sidebar: #94a3b8;
  --text-sidebar-active: #f8fafc;
  --accent-color: #6b9ff5; /* Softer warm blue — less harsh in dark mode */
  --accent-hover: #7fb3f7;
  --border-color: #1e293b;
  --border-sidebar: #1e293b;
  --chart-blue-1: #6b9ff5;
  --chart-blue-2: #93c5fd;
  --chart-blue-3: #bfdbfe;
  --chart-gray: #334155;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6), 0 2px 4px -1px rgba(0, 0, 0, 0.4);
}