/* website.css — banuslodge.com brand-tokens (stijlgids Age, 2026-06).
 *
 * Overschrijft framework-defaults uit /modules/variables.css en voegt
 * site-eigen design-tokens toe. Laad NA variables.css.
 *
 * Stijlgids-palet: cream #F4EFEB · terra #9F643F · olive #8E8866 ·
 * olive-dark #5A5537 · brown #573B2D · sand #E1CC95 · ink #1D1D1B.
 * Dit bestand is de ENIGE plek met hex-waarden; site.css gebruikt
 * uitsluitend tokens (zie ook de CMS-theme-vars --theme-color-1..10).
 */

:root {
    /* ── Brand ─────────────────────────────────────────────────────────── */
    --color-primary:    #9f643f;   /* terra — knoppen, nav-accent, links */
    --color-primary-fg: #f4efeb;   /* cream op terra */
    --color-accent:     #9f643f;

    /* ── Vlakken — site staat vast op het lichte schema ────────────────── */
    --color-bg:         #f4efeb;   /* cream als paginabasis */
    --color-bg-soft:    #ede4dc;   /* dieper cream voor panels */
    --color-bg-elev:    #ffffff;   /* kaarten/pill-nav */
    --color-fg:         #1d1d1b;   /* ink */

    /* ── Site-eigen tokens (gebruikt door custom/site.css) ─────────────── */
    --bl-olive:      #8e8866;
    --bl-olive-dark: #5a5537;
    --bl-brown:      #573b2d;
    --bl-sand:       #e1cc95;
    --bl-radius:     20px;
    /* brand-getinte schaduwen (alpha-variant van brown; bewust rgba —
       color-mix valt buiten de browser-baseline) */
    --bl-shadow:     0 18px 50px rgba(87, 59, 45, .14);
    --bl-shadow-sm:  0 8px 24px rgba(87, 59, 45, .10);

    /* ── On-image: tekst op donkere cover-foto/overlay ─────────────────── */
    --on-image-overlay:        rgba(29, 29, 27, .35);
    --on-image-overlay-strong: rgba(29, 29, 27, .5);
    --on-image-fg:             #fff;
    --on-image-fg-soft:        rgba(255, 255, 255, .85);
    --on-image-border:         rgba(255, 255, 255, .6);
    --on-image-bg-hover:       rgba(255, 255, 255, .12);
}