/* GEGENEREERD door tools/chrome.mjs uit src/chrome/chrome.css. Niet hier bewerken: pas de bron aan en draai node tools/to-pages.mjs. */ /* Gedeelde chrome: kopnavigatie en voettekst, op elke pagina dezelfde. Maten uit het artboard "Landingspagina v2 — norm" (Paper). Componenten: src/chrome/Nav.tsx en Footer.tsx. De React-bundel importeert dit bestand (App.tsx). De statische pagina's delen niets met de bundel, dus tools/chrome.mjs schrijft een kopie naar public/chrome.css en zet die met een inhoudshash in hun . Bewerk alleen dit bestand en draai daarna de generators. Rekent op .wrap en .btn-fill uit de basisstijl (global.css c.q. to.css) en moet ná die basis geladen worden: .nav-cta overschrijft .btn-fill. */ /* Navigatie — het merk en de ene actie. */ .nav { display: flex; align-items: center; justify-content: space-between; height: 88px; } .nav-merk { display: inline-flex; align-items: center; gap: 12px; font-size: 19px; font-weight: 500; letter-spacing: -0.02em; } .nav-cta { height: 42px; padding: 0 20px; font-size: 15px; border-radius: 11px; } /* Voettekst — copyright links, paginalinks rechts. */ .voettekst { padding-bottom: 40px; } .onderkantregel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--hairline); font-size: 13px; color: var(--text-dim); } .onderkant-links { display: flex; flex-wrap: wrap; gap: 28px; } .onderkant-links a { color: var(--text-secondary); } .onderkant-links a:hover { color: var(--text); }