/* ==========================================================
   HUISSTIJL (bron: Huisstijlhandleiding WoningBouwers)
   Alle kleuren en lettertypes staan alleen hier.

   Overzetten naar Flatsome? Vul deze waarden in onder
   Flatsome > Theme Options > Style > Colors / Typography:
     --ws-primary  -> Primary Color
     --ws-accent   -> Secondary Color
     --ws-dark     -> kleur van koppen en donkere secties
     --ws-font-*   -> Typography > Headings / Base
   ========================================================== */
:root {
    /* Basiskleuren */
    --ws-white: #ffffff;
    --ws-dark: #1c1c1c;           /* CMYK 0-0-0-90 */
    --ws-primary: #ff6f2e;        /* PMS 165C */
    --ws-primary-rgb: 255, 111, 46;

    /* Steunkleuren */
    --ws-accent: #9fcbd5;         /* PMS 2975C */
    --ws-accent-rgb: 159, 203, 213;
    --ws-sand: #d0d2c4;           /* PMS 413C */

    /* Afgeleide tinten */
    --ws-primary-dark: #e55a1b;
    --ws-primary-light: #fff0e8;
    --ws-dark-light: #333333;
    --ws-dark-2: #262626;
    --ws-dark-3: #333333;
    --ws-text: #333333;
    --ws-text-light: #666666;
    --ws-bg: var(--ws-white);
    --ws-bg-off: #f2f1ee;         /* lichtgrijs vlak uit de huisstijlhandleiding */
    --ws-bg-dark: var(--ws-dark);
    --ws-border: #e6e5e1;

    /* Typografie: huisstijl is Mont (Bold voor koppen, Book voor tekst).
       Online gebruikt woningbouwersnl.nl Poppins; die is de terugvaloptie.
       Mont wordt automatisch gebruikt zodra de webfont-bestanden in
       assets/fonts/ staan (zie README). */
    --ws-font-heading: 'Mont', 'Poppins', sans-serif;
    --ws-font-body: 'Mont', 'Poppins', sans-serif;
    --ws-weight-heading: 700;

    /* Overig */
    --ws-radius: 3px;
    --ws-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --ws-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
    --ws-max-width: 1210px;
    --ws-transition: all 0.3s ease;
}