/* ------------------------------------------------------------------
 * Primary footer (dark on light content)
 * ------------------------------------------------------------------ */

.footer--primary {
  background-color: var(--color-secondary-dark);
  color: var(--color-primary);
  box-shadow: var(--shadow-secondary);
}

/* Override section-body inside footer for primary */
.footer--primary .section-body {
  color: var(--color-primary-light);
}

.footer--primary .section-subtitle {
  color: var(--color-primary-light);
}

.footer--primary h2 {
  color: var(--color-primary-dark);
}

.footer--primary h5 {
  color: var(--color-accent);
}

.footer--primary .navigation-link {
  color: var(--color-primary-light);
}

.footer--primary .navigation-link:hover {
  color: var(--color-accent);
}

.footer--primary a.section-body {
  color: var(--color-primary-light);
}

.footer--primary a.section-body:hover {
  color: var(--color-accent);
}

/* ------------------------------------------------------------------
 * Secondary footer (light variant)
 * ------------------------------------------------------------------ */

.footer--secondary {
  background-color: var(--color-primary);
  color: var(--color-secondary);
  border-top: var(--border-default);
  box-shadow: var(--shadow-default);
}

.footer--secondary .section-body {
  color: var(--color-secondary-dark);
}

.footer--secondary .section-subtitle {
  color: var(--color-secondary-dark);
}

.footer--secondary h2 {
  color: var(--color-accent);
}

.footer--secondary h5 {
  color: var(--color-accent);
}

.footer--secondary .navigation-link {
  color: var(--color-secondary-dark);
}

.footer--secondary .navigation-link:hover {
  color: var(--color-accent-dark);
}

.footer--secondary a.section-body {
  color: var(--color-secondary-dark);
}

.footer--secondary a.section-body:hover {
  color: var(--color-accent-dark);
}

/* Optional: subtle opacity change on hover for both variants */
.navigation-link:hover,
.footer a.section-body:hover {
  opacity: 0.9;
}