/* ============================================================
   TENURANCE THEME – LIGHT + DARK MODE (CLEAN + CORRECT CASCADE)
   ============================================================ */

/* === DEFAULT THEME (LIGHT via :root) === */
:root {
  --ten-green: #17694a;
  --ten-green-light: #1f8a60;
  --ten-blue: #1b4b82;

  --bg-body: #f8faf9;
  --bg-card: #ffffff;
  --text-main: #111;
  --text-muted: #555;
  --border-color: #e5e5e5;

  --navbar-bg: linear-gradient(135deg, #17694a 0%, #1b4b82 100%);
}

/* === EXPLICIT LIGHT MODE OVERRIDE === */
html[data-theme='light'] {
  --ten-green: #17694a;
  --ten-green-light: #1f8a60;
  --ten-blue: #1b4b82;

  --bg-body: #f8faf9;
  --bg-card: #ffffff;
  --text-main: #111;
  --text-muted: #555;
  --border-color: #e5e5e5;

  --navbar-bg: linear-gradient(135deg, #17694a 0%, #1b4b82 100%);
}

/* === DARK MODE OVERRIDE === */
html[data-theme='dark'] {
  --ten-green: #1fa573;
  --ten-green-light: #28c68a;
  --ten-blue: #2472c3;

  --bg-body: #0e1412;        /* FULL DARK BACKGROUND */
  --bg-card: #18221f;        /* DARK CARD */
  --text-main: #e7f0ec;      /* LIGHT TEXT */
  --text-muted: #9cb5ad;
  --border-color: #24302c;

  --navbar-bg: linear-gradient(135deg, #0d3024 0%, #0f203d 100%);
}

/* === GLOBAL === */
body {
  background-color: var(--bg-body) !important;
  color: var(--text-main) !important;
  transition: background-color .25s ease, color .25s ease;
}

.text-muted {
  color: var(--text-muted) !important;
}

/* === NAVBAR === */
.navbar.bg-tenurance {
  background: var(--navbar-bg) !important;
}

/* === CARDS === */
.card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 1rem;
  color: var(--text-main) !important;
  transition: background-color .25s ease, color .25s ease;
}

/* === FOOTER === */
footer.footer {
  background: var(--bg-card) !important;
  color: var(--text-muted) !important;
  border-top: 1px solid var(--border-color) !important;
}

/* === BUTTONS === */
.btn-tenurance {
  color: #fff !important;
  background-color: var(--ten-green) !important;
  border-color: var(--ten-green) !important;
  border-radius: 999px;
  padding-inline: 1.5rem;
}

.btn-tenurance:hover {
  background-color: var(--ten-green-light) !important;
}

.btn-outline-tenurance {
  color: var(--ten-green) !important;
  border-color: var(--ten-green) !important;
  border-radius: 999px;
}

.btn-outline-tenurance:hover {
  color: #fff !important;
  background-color: var(--ten-green) !important;
}

/* === PROGRESS BAR === */
.bg-tenurance {
  background: var(--ten-green) !important;
}

/* === UTILITIES === */
.text-tenurance {
  color: var(--ten-green) !important;
}