/* ==================== THEME VARIABLES ==================== */

:root {
  /* Colors */
  --primary-color: #3e8aba;
  --secondary-color: #f26522;
  --accent-color: #003366;
  --navbar-bg: #505050;
  --navbar-hover: #f26522;

  /* Common */
  --text-light: #fff;
  --text-dark: #333;
  --background: #f8f9fa;
  --border-color: #e3e2e1;
}

html[data-theme="eggplant"],
:root[data-theme="eggplant"] {
  --primary-color: #614051;
  --secondary-color: #8b5a6f;
  --accent-color: #3d2734;
  --navbar-bg: #4a3344;
  --navbar-hover: #8b5a6f;
}

html[data-theme="purple"],
:root[data-theme="purple"] {
  --primary-color: #6b21a8;
  --secondary-color: #a855f7;
  --accent-color: #4c1d95;
  --navbar-bg: #7c3aed;
  --navbar-hover: #9333ea;
}