/* Theme Variables */
:root {
  /* Dark theme (default) */
  --primary-color: #1a1a1a;
  --secondary-color: #2a2a2a;
  --text-color: #ffffff;
  --text-color-muted: rgba(255, 255, 255, 0.7);
  --accent-color: #ff3366;
  --accent-rgb: 255, 51, 102;
  --border-color: rgba(255, 255, 255, 0.1);
  --card-bg: rgba(255, 255, 255, 0.03);
  --card-hover-bg: rgba(255, 255, 255, 0.06);
  --tooltip-bg: rgba(0, 0, 0, 0.8);
  --shadow-color: rgba(0, 0, 0, 0.2);
  --gradient-start: #1a1a1a;
  --gradient-end: #121212;
}

/* Light theme */
.light-theme {
  --primary-color: #f5f5f5;
  --secondary-color: #ffffff;
  --text-color: #333333;
  --text-color-muted: rgba(51, 51, 51, 0.7);
  --accent-color: #ff3366;
  --accent-rgb: 255, 51, 102;
  --border-color: rgba(0, 0, 0, 0.1);
  --card-bg: rgba(0, 0, 0, 0.03);
  --card-hover-bg: rgba(0, 0, 0, 0.06);
  --tooltip-bg: rgba(255, 255, 255, 0.9);
  --shadow-color: rgba(0, 0, 0, 0.1);
  --gradient-start: #f5f5f5;
  --gradient-end: #e5e5e5;
}

/* High contrast theme */
.high-contrast-theme {
  --primary-color: #000000;
  --secondary-color: #222222;
  --text-color: #ffffff;
  --text-color-muted: rgba(255, 255, 255, 0.9);
  --accent-color: #ffff00;
  --accent-rgb: 255, 255, 0;
  --border-color: rgba(255, 255, 255, 0.5);
  --card-bg: rgba(255, 255, 255, 0.1);
  --card-hover-bg: rgba(255, 255, 255, 0.15);
  --tooltip-bg: rgba(0, 0, 0, 0.9);
  --shadow-color: rgba(0, 0, 0, 0.5);
  --gradient-start: #000000;
  --gradient-end: #111111;
}