/* Light theme - applies when data-theme="light" or system preference is light */
:root,
[data-theme='light'] {
  --text-color: black;
  --link-color: var(--blue);
  --hover-color: var(--light-blue);
  --body-bg: var(--lightest-gray);
  --accent-bg: white;
  --light-bg: var(--lighter-gray);
  --shadow: var(--gray);
  --border-color: var(--light-blue);
  --heading-color: var(--light-blue);
  --header-bg: var(--dark-blue);
  --header-color: white;
  --footer-bg: var(--dark-blue);
  --invert: 0;
  --transparent: rgba(255, 255, 255, 0.8);
}