/* Theehuys — gedeelde basisstijlen
   Wordt op elke pagina geladen via <link rel="stylesheet" href="assets/styles.css">.
   Bevat de design tokens (kleuren, fonts) en de basis-reset die voorheen op elke
   pagina apart stonden. Zo hoeft een kleur- of fontwijziging nog maar op één
   plek doorgevoerd te worden, en is de kleurcontrast-fix (zie --muted en --accent)
   voor de hele site in één keer opgelost.
*/

/* EB Garamond wordt sinds v45 vanaf de eigen server geladen (assets/fonts),
   niet meer via Google Fonts. Er gaan dus geen bezoekersgegevens naar Google. */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/eb-garamond-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/eb-garamond-latin-400-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/eb-garamond-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/eb-garamond-latin-500-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --fs-xs: 14px; --fs-s: 16px; --fs-m: 18px; --fs-l: 20px;
  --fs-xl: 22px; --fs-2xl: 26px; --fs-3xl: 32px; --fs-4xl: 44px;
  --bg:      #FDFCF9;
  --band:    #F1ECDC;
  --ink:     #2A2620;
  --accent:  #3F4A34;
  /* --muted en --accent-text zijn aangepast t.o.v. het origineel (#8C877E / #89947C).
     De oude waarden haalden 3,48:1 / 3,11:1 contrast t.o.v. de achtergrond — onder de
     WCAG AA-norm van 4,5:1 voor normale tekst. Nieuwe waarden halen 5,6:1+ en behouden
     dezelfde kleurfamilie/sfeer. */
  --muted:       #6B6558;
  --accent-text: #4C5F3E;
  --rule:    #D8D2C8;
  --serif:   'EB Garamond', Georgia, serif;
  --sans:    'EB Garamond', Georgia, serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--serif);
}

a { color: inherit; text-decoration: none; }

/* Schermlezer-only tekst: visueel verborgen maar wel voorleesbaar/navigeerbaar.
   Gebruikt voor koppen die structureel nodig zijn maar niet in het ontwerp
   getoond hoeven te worden. */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Handschriftletter voor de ondertekening op Heritage (alleen geladen waar gebruikt) */
@font-face {
  font-family: 'Alex Brush';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/alex-brush-latin-400-normal.woff2') format('woff2');
}