/*
 * Design tokens voor de Garageportaal-site.
 *
 * Ontwerprichting (referentieontwerp): rustig, vertrouwd en zakelijk.
 * Donkerblauw voor sitekop, voet en koppen, een warm goud als enig accent
 * (streepjes, kaartranden, knoppen), een warm gebroken wit voor de
 * afwisselende vlakken en witte kaarten met een zachte schaduw.
 * Amiri (serif) voor koppen en Poppins voor lopende tekst; beide worden zelf
 * gehost (css/fonts.css), zodat er nooit een extern font-src in de
 * Content-Security-Policy nodig is.
 */

:root {
    --color-navy: #14283c;
    --color-navy-dark: #0e1c2c;
    --color-gold: #e0ad4f;
    /* Donkerder goud voor tekst/links op wit: 5,0:1 contrast (WCAG AA); het
       gewone goud haalt op wit slechts ~2:1 en is daarom alleen voor
       vlakken, randen en tekst op donkerblauw bedoeld. */
    --color-gold-dark: #8a6a1f;
    --color-gold-tint: #f8eedd;
    --color-gold-soft: #f9dea8;
    --color-text: #454c58;
    --color-text-muted: #5f6672;
    --color-white: #ffffff;
    --color-bg: #ffffff;
    --color-bg-muted: #f6f4f1;
    --color-border: #d3d8de;
    --color-footer: var(--color-navy);
    --color-success-bg: #e7f6ec;
    --color-success-text: #1e7a3d;
    --color-error-bg: #fdecec;
    --color-error-text: #b3261e;
    --font-heading: 'Amiri', Georgia, 'Times New Roman', serif;
    --font-body: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --container-width: 1140px;
    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4.5rem;
    --radius: 6px;
    --radius-sm: 4px;
    --shadow-card: 0 10px 30px rgba(20, 40, 60, 0.09), 0 1px 3px rgba(20, 40, 60, 0.06);
    --header-height: 72px;
}