:root {
  --blue: #1f288a;
  --yellow: #ffcc00;
  --bg: #121212;
  --text: #f2f2f2;
  --surface: #1e1e1e;
  --border: #333;
  --success: #2ecc71; /* soft green that reads well on dark */
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background-color: var(--bg);
  color: var(--text);
}

/* Global link styles */
a {
  color: var(--yellow);
  text-decoration: underline;
  transition: color 0.2s;
}
a:visited {
  color: var(--yellow); /* no purple visited links */
}
a:hover,
a:focus {
  color: var(--blue);
  text-decoration: underline;
}
a:active {
  color: var(--blue);
}

/* Footer */
footer,
.footer {
  text-align: center;
  font-size: 12px;
  color: #aaa;
  margin-top: 10px;
  background-color: var(--surface);
  padding: 10px;
}