/**
 * World Cup 2026 - Base styles
 * Houdt de worldcup pages los van de globale DT11 styling.
 */

@import url('variables.css');

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--wc-font-body);
  background: var(--wc-bg-base);
  color: var(--wc-text-primary);
  line-height: var(--wc-leading-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wc-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.wc-form--reset {
  margin: 0;
}

.wc-footer {
  background: var(--wc-bg-subtle);
  padding: 3rem 2rem;
  text-align: center;
  margin-top: 4rem;
}

.wc-footer__text {
  color: var(--wc-text-muted);
  font-size: 0.875rem;
  margin: 0 0 1rem;
}

.wc-footer__fineprint {
  color: var(--wc-text-muted);
  font-size: 0.75rem;
  margin: 0;
}

.wc-footer__link {
  color: var(--wc-blue-accent);
  text-decoration: none;
}

.wc-footer__link:hover {
  text-decoration: underline;
}