:root {
  --bg: #f8f9fa;
  --text: #222;

  --nav-bg: #e9ecef;
  --nav-text: #222;
  --nav-hover: #555;
  --nav-border: #555;
  --nav-active: #0d6efd;

  --card-bg: #fff;
  --card-text: #000;
  --card-border: #aaa;

  --btn-primary-bg: #0d6efd;
  --btn-primary-border: #0d6efd;
  --btn-primary-hover: #0b5ed7;
  --btn-primary-hover-border: #0a58ca;

  --btn-outline-dark-text: #222;
  --btn-outline-dark-border: #222;
  --btn-outline-dark-hover-bg: #222;
  --btn-outline-dark-hover-text: #fff;

  --list-bg: #fff;
  --list-text: #000;

  --close: #c0392b;
  --close-hover: #e74c3c;

  --hero-bg: #fff;
  --hero-text: #000;

  --gig-info: #6c757d;

  --overlay: rgba(255,255,255,0.4);

  --shadow-light: rgba(0,0,0,0.05);
  --shadow-strong: rgba(0,0,0,0.3);

  --accordion-text: #fff;

  --form-text: #bbb;
  --btn-primary-text: #fff;
  --hero-btn-text: #fff;

  --text-shadow-strong: rgba(0,0,0,0.7);
  --text-shadow-soft: rgba(0,0,0,0.5);

  --status-green:  rgba(25,135,84,0.20);
  --status-gray:   rgba(108,117,125,0.20);
  --status-orange: rgba(255,193,7,0.20);
  --status-extra:  rgba(13,110,253,0.20);
  --status-date:   rgba(108,117,125,0.10);
}

[data-bs-theme="dark"] {
  --bg: #121212;
  --text: #eee;

  --nav-bg: #212529;
  --nav-text: #eee;
  --nav-hover: #bbb;
  --nav-border: #bbb;
  --nav-active: #6ea8fe;

  --card-bg: #1e1e1e;
  --card-text: #f1f1f1;
  --card-border: #666;

  --btn-primary-bg: #0d6efd;
  --btn-primary-border: #0d6efd;
  --btn-primary-hover: #0b5ed7;
  --btn-primary-hover-border: #0a58ca;

  --btn-outline-dark-text: #f8f9fa;
  --btn-outline-dark-border: #f8f9fa;
  --btn-outline-dark-hover-bg: #f8f9fa;
  --btn-outline-dark-hover-text: #121212;

  --list-bg: #1e1e1e;
  --list-text: #e6edf3;

  --close: #ff6b6b;
  --close-hover: #ff8787;

  --hero-bg: #1e1e1e;
  --hero-text: #f8f9fa;

  --gig-info: #adb5bd;

  --overlay: rgba(0,0,0,0.6);

  --hero-btn-bg: #444;
  --hero-btn-border: #666;
  --hero-btn-hover-bg: #555;
  --hero-btn-hover-border: #888;

  --status-green:  rgba(25,135,84,0.40);
  --status-gray:   rgba(108,117,125,0.40);
  --status-orange: rgba(255,193,7,0.45);
  --status-extra:  rgba(13,110,253,0.45);
  --status-date:   rgba(108,117,125,0.25);
}