/* Dark theme - applies when data-theme="dark" or system preference is dark */
[data-theme='dark'] {
  --text-color: white;
  --link-color: var(--light-blue);
  --hover-color: var(--green);
  --body-bg: var(--darker-blue);
  --accent-bg: var(--alt-gray);
  --light-bg: var(--dark-gray);
  --shadow: black;
  --border-color: var(--dark-green);
  --heading-color: var(--light-green);
  --header-bg: var(--darker-blue);
  --header-color: var(--light-blue);
  --footer-bg: black;
  --invert: 1;
  --transparent: rgba(0, 0, 0, 0.5);
}