/**
 * =============================================================
 * WHV BRAND TOKENS
 * =============================================================
 * Centrale brand primitives voor woonhoek-vastgoed-core.
 *
 * Geregistreerd als style handle `whv-tokens` (zie whv-tokens.php).
 * Module-CSS bestanden declareren dit handle als dependency in
 * `wp_enqueue_style` — WordPress zorgt dat dit bestand eerst laadt.
 *
 * Pas hier waardes aan om site-breed door te zetten.
 * Voor lokale tweaks op een specifieke component: maak een module-
 * variabele aan die naar een token verwijst, bv:
 *     --omni-card-title-color: var(--whv-color-headline);
 * Dan kan je per component overrides toepassen zonder de tokens te raken.
 * =============================================================
 */

:root {

    /* ── Colors ─────────────────────────────────────────── */
    --whv-color-headline:    #533E0B;            /* primary brand: headings, accents, borders */
    --whv-color-text:        #070707;            /* body text */
    --whv-color-white:       #FFFFFF;
    --whv-color-cream:       #F5F1EA;            /* page background tint */
    --whv-color-border-soft: #1C1C1C1F;          /* subtle card/section borders */
    --whv-color-overlay-white: rgba(255, 255, 255, 0.32);

    /* ── Typography ─────────────────────────────────────── */
    --whv-font-heading: 'Mastro-Display', 'Frank Ruhl Libre', serif;
    --whv-font-body:    'Averta', 'Open Sans', sans-serif;

    /* ── Radii ──────────────────────────────────────────── */
    --whv-radius-none:  0;
    --whv-radius-sm:    8px;

    /* ── Spacing scale ──────────────────────────────────── */
    --whv-space-xs:     4px;
    --whv-space-sm:     8px;
    --whv-space-md:     16px;
    --whv-space-lg:     24px;
    --whv-space-xl:     32px;
    --whv-space-2xl:    40px;
    --whv-space-3xl:    64px;

    /* ── Transitions ────────────────────────────────────── */
    --whv-transition-base: 0.3s ease;
    --whv-transition-fast: 0.15s ease;

}