/* Respecteer bewegingsvoorkeur. Dit is het vangnet; latere fases voegen gerichte uitzonderingen toe waar beweging betekenis draagt. */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* Newsreader: zelfgehost, gesubset variabel font (wght 200-800, opsz 6-72), vervangt Instrument Serif en EB Garamond volledig - zie fonts/Newsreader-OFL.txt voor de licentie (SIL Open Font License 1.1). Twee families uit dezelfde twee bestanden: "Newsreader Display" met font-display: block voor de intro-letteranimatie (een fontwissel halverwege die animatie is direct zichtbaar), "Newsreader" met font-display: swap voor de rest van de site. Beide wijzen naar hetzelfde bestand, dus dit kost geen extra netwerkverzoek. */ @font-face { font-family: "Newsreader Display"; src: url("../fonts/newsreader-var.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: block; } @font-face { font-family: "Newsreader Display"; src: url("../fonts/newsreader-italic-var.woff2") format("woff2"); font-weight: 200 800; font-style: italic; font-display: block; } @font-face { font-family: "Newsreader"; src: url("../fonts/newsreader-var.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; } @font-face { font-family: "Newsreader"; src: url("../fonts/newsreader-italic-var.woff2") format("woff2"); font-weight: 200 800; font-style: italic; font-display: swap; } :root { /* Kleur */ --blauw: #1A3BAA; --goud: #C49A20; --ivoor: #F5F0E8; --wit: #FFFFFF; --surface: var(--ivoor); --surface-alt: #F0EEE9; --surface-dark: #1A1A18; /* Puur zwart, bewust naast --surface-dark (#1A1A18): uitsluitend voor de galerij en de galerijmodal (lightbox), niet site-breed toegepast. --surface-dark blijft de gewone donkere achtergrond elders. */ --zwart: #000000; /* Middentoon van het merkblauw (--accent #041790), niet bijna-zwart: op verzoek van Mees na het teruglezen van lebarnhotel.com, die een kaki middentoon (#77694F, relatieve luminantie ~0,146) voor dezelfde rol gebruikt. #22409C houdt dezelfde blauwe tint als --accent (huismerk uit logo-clean-header.svg) maar met een relatieve luminantie van 0,064 - duidelijk lichter en levendiger dan het oude #0E1B3A (0,012), en ruim binnen WCAG AA: 8,74:1 tegen --text-on-dark (#FAF9F6) en 9,20:1 tegen zuiver wit. Zie ook de duplicaat-hexwaarde in de