/* Farbvariablen */
:root {
  --color-background: #212121;
  --color-text: #ffffff;
  --color-accent1: #E0008F; /* Hauptakzent */
  --color-accent2: #05f5e5; /* Zweitakzent */
}

/* Body */
body {
  background-color: var(--color-background);
  color: var(--color-text);
  font-family: 'Lato-Light', sans-serif; /* optional, nach Wunsch anpassen */
}

/* Links */
a {
  color: var(--color-accent1);
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--color-accent2);
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
  color: var(--color-accent1);
}

/* Buttons */
.btn-primary {
  background-color: var(--color-accent1);
  border-color: var(--color-accent1);
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--color-accent2);
  border-color: var(--color-accent2);
}

/* Navbar */
.navbar {
  background-color: #404040;
}

.navbar .nav-link {
  color: var(--color-text); /* bleibt #fff */
}

.navbar .nav-link:hover {
  color: var(--color-accent1); /* #E0008F */
}

.navbar .navbar-brand {
  color: var(--color-text);
}

.navbar .navbar-brand:hover {
  color: var(--color-accent1);
}


/* SVG Icons */
.icon {
  fill: var(--color-accent1);
}