/* Theme variables that invert brightness but keep similar hues */
:root {
  /* Dark (default) — Nord-like */
  --bg-main: #2E3440;
  --bg-container: #3B4252;
  --border-color: #4C566A;
  --text-primary: #ECEFF4;
  --text-secondary: #D8DEE9;
  --text-quote: #A3BADC;
  --accent-blue: #81A1C1;
  --accent-blue-bright: #88C0D0;
}

/* Light theme: inverse brightness while preserving hue family */
.theme-light {
  --bg-main: #ECEFF4;           /* inverse of dark text */
  --bg-container: #D8DEE9;      /* lighter container background */
  --border-color: #A3BADC;      /* softer border */
  --text-primary: #2E3440;      /* inverse of dark background */
  --text-secondary: #3B4252;    /* readable body text */
  --text-quote: #4C566A;
  --accent-blue: #5F81A8;       /* blue with similar hue, lighter brightness */
  --accent-blue-bright: #6FB2C5;/* brighter accent maintaining hue */
}

/* Ensure body text always uses the mapped palette */
body {
  color: var(--text-secondary);
}