/* style.css */
/* Light theme */
:root {
  --bg-color: #ffffff;
  --font-color: #333333;
  --link-color: #0077cc;
}
[data-theme="dark"] {
  --bg-color: #111111;
  --font-color: #eeeeee;
  --link-color: #66aaff;
}
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: var(--bg-color);
  color: var(--font-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}
a {
  color: var(--link-color);
  text-decoration: none;
}
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.visible {
  opacity: 1;
  transform: none;
}
#theme-toggle {
  background: none;
  border: 1px solid var(--font-color);
  color: var(--font-color);
  padding: 0.5em 1em;
  cursor: pointer;
  font-size: 1em;
}