/* ==========================================================================
   Végécantines — Variables
   Couleurs relevées sur la maquette Canva « HomePage Végécantines 2026 »
   et sur vegecantines.fr (orange #e56d29 / vert #0b983a).
   ========================================================================== */

:root {
    /* Couleurs de marque */
    --vc-vert: #0b983a;            /* boutons, liens, accents */
    --vc-vert-hover: #087a2e;
    --vc-vert-fonce: #183b23;      /* titres */
    --vc-vert-clair: #eff8f2;      /* fond du bandeau d'accueil */
    --vc-orange: #e56d29;          /* pastilles « Vous êtes… », pictos, étiquettes */
    --vc-orange-hover: #c95a1c;
    --vc-orange-vif: #ef801d;
    --vc-peche: #f9e4d9;           /* fond des sections « ressources » et « chiffres » */
    --vc-peche-fonce: #f3cdb8;

    /* Neutres */
    --vc-texte: #343030;
    --vc-texte-doux: #5f5a5a;
    --vc-blanc: #ffffff;
    --vc-gris-clair: #f4f4f2;
    --vc-bordure: #e5e2df;

    /* Typographie (Quicksand = police de vegecantines.fr) */
    --vc-font: 'Quicksand', 'Helvetica Neue', Arial, sans-serif;
    --vc-fs-base: 17px;
    --vc-fs-small: 14px;
    --vc-fs-h1: clamp(32px, 4.2vw, 52px);
    --vc-fs-h2: clamp(26px, 3vw, 36px);
    --vc-fs-h3: clamp(20px, 2vw, 24px);
    --vc-fs-h4: 19px;

    /* Formes */
    --vc-radius-s: 10px;
    --vc-radius: 20px;
    --vc-radius-l: 32px;
    --vc-radius-pill: 999px;
    --vc-shadow: 0 6px 24px rgba(24, 59, 35, .08);
    --vc-shadow-hover: 0 12px 32px rgba(24, 59, 35, .16);

    /* Mise en page */
    --vc-container: 1200px;
    --vc-section-py: clamp(48px, 7vw, 90px);
    --vc-transition: 200ms ease-out;
}