/* --- Theme Variables --- */
:root {
  --bg: #0a0f11; /* Midnight Background */
  --text: #ffffff;
  --text-muted: #94a3b8;
  --accent: #14b8a6; /* Teal */
  --border: rgba(255, 255, 255, 0.1);
  --card: rgba(255, 255, 255, 0.03);
}

body.theme-light {
  --bg: #ffffff; /* Daylight Background */
  --text: #0f172a;
  --text-muted: #64748b;
  --accent: #10b981; /* Emerald */
  --border: rgba(0, 0, 0, 0.1);
  --card: #f8fafc;
}

body.theme-nature {
  --bg: #fdfbf7; /* Nature Background */
  --text: #2d3436;
  --text-muted: #636e72;
  --accent: #678d58; /* Sage Green */
  --border: rgba(103, 141, 88, 0.2);
  --card: #f0f4ef;
}

/* --- Utility Classes --- */
.bg-custom-main {
  background-color: var(--bg) !important;
  transition: background-color 0.5s ease;
}
.text-custom-main {
  color: var(--text) !important;
}
.text-custom-muted {
  color: var(--text-muted) !important;
}
.text-custom-accent {
  color: var(--accent) !important;
}
.bg-custom-accent {
  background-color: var(--accent) !important;
}
.border-custom {
  border-color: var(--border) !important;
}
.bg-custom-card {
  background-color: var(--card) !important;
}