/* Neuvels — ontwerptokens. Kleuren afgeleid van het logo en de illustraties. */

:root {
    /* Alpenpalet */
    --nv-lucht-boven: #6cc0ee;
    --nv-lucht-onder: #cfeefc;
    --nv-sneeuw: #ffffff;
    --nv-ijs: #eaf6fd;
    --nv-berg: #4a7fb5;
    --nv-den: #2f6b41;
    --nv-hout: #8b5a2b;
    --nv-hout-donker: #603a17;
    --nv-hout-licht: #c98a4b;
    --nv-room: #fff5e3;

    /* Merkkleuren uit het logo */
    --nv-zon: #f9a825;
    --nv-zon-diep: #e07b16;
    --nv-inkt: #10406e;
    --nv-inkt-zacht: #3a6e9e;

    /* CMS: donkere zijbalk en neutrale tinten */
    --nv-nacht: #14161c;
    --nv-nacht-licht: #23262f;
    --nv-papier: #f4f1ea;
    --nv-grijs: #6b6580;
    --nv-lijn: rgba(16, 64, 110, 0.14);
    --nv-mint: #3fd6a8;

    /* Accentkleur per karakter; wordt per Neuvel overschreven */
    --nv-accent: var(--nv-zon);
    --nv-hart: #e2447a;

    /* Typografie */
    --nv-font-kop: "Fredoka", "Trebuchet MS", sans-serif;
    --nv-font-tekst: "Nunito", -apple-system, "Segoe UI", sans-serif;

    --nv-tekst-xs: 0.8125rem;
    --nv-tekst-s: 0.9375rem;
    --nv-tekst-m: 1.0625rem;
    --nv-tekst-l: 1.1875rem;
    --nv-tekst-xl: clamp(1.75rem, 1.2rem + 2vw, 2.75rem);
    --nv-tekst-xxl: clamp(2.25rem, 1.4rem + 3.4vw, 4rem);

    /* Ruimte */
    --nv-ruimte-1: 0.5rem;
    --nv-ruimte-2: 1rem;
    --nv-ruimte-3: 1.5rem;
    --nv-ruimte-4: 2.5rem;
    --nv-ruimte-5: 4rem;
    --nv-ruimte-6: 6rem;

    /* Vormen */
    --nv-rond-s: 12px;
    --nv-rond-m: 20px;
    --nv-rond-l: 34px;
    --nv-schaduw: 0 10px 26px rgba(16, 64, 110, 0.16);
    --nv-schaduw-zacht: 0 4px 14px rgba(16, 64, 110, 0.1);
    --nv-kop-hoogte: 104px;
    --nv-breedte: 1180px;
    --nv-leesbreedte: 62ch;
}