/* 🎨 Lightweight theme override layer: adjusted with random solid colors */

:root {
  /* Bootstrap semantic colors */
  --bs-primary: #e63946;
  --bs-primary-rgb: 230, 57, 70;
  --bs-secondary: #457b9d;
  --bs-secondary-rgb: 69, 123, 157;
  --bs-success: #2a9d8f;
  --bs-success-rgb: 42, 157, 143;
  --bs-info: #219ebc;
  --bs-info-rgb: 33, 158, 188;
  --bs-warning: #ffb703;
  --bs-warning-rgb: 255, 183, 3;
  --bs-danger: #d90429;
  --bs-danger-rgb: 217, 4, 41;
  --bs-link-color: var(--bs-primary);

  /* App custom palette (used by custom CSS) */
  --primary-100: #14213d;
  --primary-200: #1d3557;
  --primary-300: #457b9d;
  --accent-100: #ff006e;
  --accent-200: #fb5607;
  --text-100: #1b1b1b;
  --text-200: #3a3a3a;
  --bg-100: #ffffff;
  --bg-200: #f1f1f1;
  --bg-300: #e0e0e0;

  /* Chart palette exposed via CSS variables */
  --chart-color-1: #090406;
  --chart-color-2: #8338ec;
  --chart-color-3: #3a86ff;
  --chart-color-4: #ffbe0b;
  --chart-color-5: #fb5607;
  --chart-color-6: #ff9f1c;
  --chart-grid: #bcbcbc;
  --chart-text: #1b1b1b;
}

/* 🌒 Dark mode overrides */
body.dark,
:root.dark,
[data-bs-theme="dark"] {
  --bs-primary: #ff9f1c;
  --bs-primary-rgb: 255, 159, 28;
  --bs-secondary: #8ecae6;
  --bs-secondary-rgb: 142, 202, 230;
  --bs-success: #06d6a0;
  --bs-info: #00b4d8;
  --bs-warning: #ffd60a;
  --bs-danger: #ef233c;

  --text-100: #f1f1f1;
  --text-200: #bdbdbd;
  --bg-100: #121212;
  --bg-200: #1e1e1e;
  --bg-300: #252525;

  --chart-color-1: #4d2e2e;
  --chart-color-2: #4cc9f0;
  --chart-color-3: #f72585;
  --chart-color-4: #3a0ca3;
  --chart-color-5: #7209b7;
  --chart-color-6: #ffb703;
  --chart-grid: #444444;
  --chart-text: #f1f1f1;
}