html {
  scroll-behavior: smooth;
}

:root {
  /* Theme Color Palette - Tweak these to change the site colors */
  --bg-color: #000022; /* Deep slate background */
  --surface-color: #001242; /* Card and sidebar background */
  --text-main: #e6e6e9; /* High-contrast header text */
  --text-muted: #bcd4de; /* Medium-contrast descriptive text */
  --accent-color: #0094c6; /* Bright electric blue highlight */
  --accent-hover: #0bc2ff; /* Slightly lighter blue for hovers */
  --border-color: #a4b494; /* Subtle panel border lines */

  /* Typography Settings */
  --font-stack:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
}

a:link {
  color: Var(--accent-color);
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: var(--accent-hover);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: Var(--accent-hover);
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}