/**
 * @file
 * VJNL theme styles with GAP custom fonts for Voor Jong Nederland.
 */

:root {
  /* Override Olivero's default fonts with GAP fonts */
  --font-sans: "GAPZuidVG", Verdana, Arial, sans-serif;
  --font-serif: "GAPZuidVG", Verdana, Georgia, serif;
  
  /* Use GAPMono for monospace elements */
  --font-mono: "GAPMono", "Courier New", monospace;
}

/* Apply monospace font to code, pre, and similar elements */
code,
kbd,
pre,
samp,
var,
.monospace {
  font-family: var(--font-mono);
}

/* Ensure headings use the custom sans-serif font */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-sans);
}

/* Apply custom font to body text */
body {
  font-family: var(--font-sans);
  font-feature-settings: "calt" 1, "liga" 1, "rlig" 1, "rvrn" 1, "kern" 1, "rclt" 1, "dlig" 1, "onum" 1;
  font-feature-settings: "dlig";
}

/* Override any specific button font families */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
  font-family: var(--font-sans);
  font-variant-caps: all-small-caps;
  font-feature-settings: "smcp" 1;
}

/* Form elements */
input,
textarea,
select {
  font-family: var(--font-sans);
}

/* Navigation elements */
.menu,
.nav,
.navigation,
.site-header nav {
  font-family: var(--font-sans);
}

/* Specific styling for VJNL branding */
.site-branding h1 {
  font-family: var(--font-sans);
  font-weight: 700;
}

/* Article and content typography */
.node--view-mode-full .node__content,
.field--type-text-with-summary,
.field--type-text-long {
  font-family: var(--font-sans);
}



/* Kleur van Olivero blokje */
.site-header__initial {
  background-color: var(--color--gray-100);
}