@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700&family=Nunito:ital,wght@0,400;0,600;0,700;1,400&display=swap');

/* Huisstijl Holiday Without Kids. De paletkleuren (primary, secondary, base) komen uit de ACSS-instellingen.
   Hier staat alleen wat ACSS niet zelf regelt: het laden van de fonts, tekst- en lijnkleuren, en contrastvaste knoppen. */
:root {
  --heading-font-family: 'Baloo 2', 'Nunito', system-ui, sans-serif;
  --text-font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --text-dark: #2B1B12;
  --text-dark-muted: #76665C;
  --text-color: var(--text-dark);
  --border-color-dark: #E4DCD5;
}

:where(h1, h2, h3) {
  font-weight: 700;
}

:where(h4, h5, h6) {
  font-weight: 500;
}

/* ACSS geeft lichtoranje tekst (3,8:1) en een lichtere hover (3,2:1); wit op #C95100 = 4,5:1, hover #8F3A00 = 7,6:1. */
.btn--primary {
  --btn-text-color: var(--white);
  --btn-text-color-hover: var(--white);
  --btn-background-hover: #8F3A00;
}

.btn--primary.btn--outline {
  --btn-text-color: #8F3A00;
  --btn-border-color: #8F3A00;
  --btn-background-hover: #8F3A00;
  --btn-text-color-hover: var(--white);
}