/* ==== Link-Reset & States (global) ==== */

/* Fallback-Variablen, falls nicht gesetzt */
:root{
  --aqua: #00e0ff;      /* Linkfarbe */
  --accent: #ffb300;    /* Fokus-Ring */
  --orange: #ff6a00;    /* CTA-Orange */
}

/* Basis: gleiche Farbe für normal & visited */
a {
  color: var(--aqua);
  text-decoration: none;
  transition: color .15s ease, text-decoration .15s ease;
}
a:visited { color: var(--aqua); }  /* verhindert lila */

/* Hover/Focus klar & lesbar */
a:hover,
a:focus-visible {
  color: var(--aqua);
  text-decoration: underline;
  text-underline-offset: .15em;
}

/* Deutlicher Tastatur-Fokus */
a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* Mail/Telefon-Links konsistent */
a[href^="mailto:"],
a[href^="tel:"] { color: var(--aqua); }
a[href^="mailto:"]:visited,
a[href^="tel:"]:visited { color: var(--aqua); }

/* ==== Buttons als <a> nicht verfärben ==== */
a.btn:visited { color: inherit; }
a.btn-cta:visited { color: #111; }           /* dunkler Text auf orange */
a.btn-ghost:visited { color: var(--orange); }/* Orange-Outline bleibt */

/* ==== Legal & Footer Bereiche gezielt absichern ==== */
.legal-wrap a,
.footer-nav a,
.projects-bar a {
  color: var(--aqua);
}
.legal-wrap a:visited,
.footer-nav a:visited,
.projects-bar a:visited {
  color: var(--aqua);
}

/* Optional: Footer-Links nur beim Hover unterstreichen */
.footer-nav a:hover,
.projects-bar a:hover {
  text-decoration: underline;
}