:root {
    --bg: #0b0b0b;
    --fg: #e6ffe6;
    --accent: #00ff7f;
    --muted: #4caf50;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    font-family: monospace;
    background: var(--bg);
    color: var(--fg);
  }
  .container { max-width: 900px; margin: auto; padding: 20px; }
  .nav { margin-bottom: 20px; }
  .nav a {
    color: var(--fg);
    margin-right: 10px;
    text-decoration: none;
    border: 1px solid var(--muted);
    padding: 4px 8px;
    border-radius: 6px;
  }
  .nav a[aria-current="page"] {
    background: var(--accent);
    color: #001b00;
  }
  .card {
    border: 1px solid var(--muted);
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
  }
  table { width: 100%; border-collapse: collapse; }
  td, th {
    border: 1px solid var(--muted);
    padding: 8px;
  }
  button {
    background: var(--accent);
    color: #001b00;
    border: none;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
  }
/* ✅ New rule for all links */
a {
    color: var(--accent); /* bright green */
}