/* style.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: purple;
}

:root {
  /* Theme Color Palette - Tweak these to change the site colors */
  --bg-color: #0f172a; /* Deep slate background */
  --surface-color: #1e293b; /* Card and sidebar background */
  --text-main: #f8fafc; /* High-contrast header text */
  --text-muted: #94a3b8; /* Medium-contrast descriptive text */
  --accent-color: #38bdf8; /* Bright electric blue highlight */
  --accent-hover: #7dd3fc; /* Slightly lighter blue for hovers */
  --border-color: #334155; /* Subtle panel border lines */

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

html {
  scroll-behavior: smooth; /* Creates standard smooth-glide scrolling */
}

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;
}