/**
 * Tokens CSS — De Anciola
 * Fichier central des variables de design.
 * Pour adapter le thème, modifier uniquement ce fichier.
 *
 * @package deanciola
 * @version 3.0.0
 */

:root {

    /* ========================================
       COULEURS PRINCIPALES
       ======================================== */

    --color-primary:        #FCDE9C;    /* Fond bouton, banner footer */
    --color-primary-hover:  #FFA552;    /* Hover bouton */
    --color-accent:         #BA5624;    /* Texte bouton, liens hover */
    --color-dark:           #00222E;    /* Footer secondaire, titres foncés */
    --color-text:           #1A202C;    /* Texte principal body */
    --color-muted:          #718096;    /* Texte secondaire, labels */
    --color-bg:             #ffffff;    /* Fond général */
    --color-border:         rgba(0, 0, 0, 0.08);

    /* ========================================
       MENU MOBILE
       ======================================== */

    --color-menu-bg:        #1A202C;
    --color-menu-link:      #FDBD74;
    --color-menu-hover:     #FDBD74;

    /* ========================================
       TYPOGRAPHIE
       ======================================== */

    --font-primary:         'Sarabun', sans-serif;
    --font-secondary:       'Sarabun', sans-serif;

    /* ========================================
       ANIMATIONS
       ======================================== */

    --anim-duration-fast:   0.4s;
    --anim-duration-base:   0.7s;
    --anim-duration-slow:   1s;
    --anim-ease-out:        cubic-bezier(0.16, 1, 0.3, 1);
    --anim-ease-smooth:     cubic-bezier(0.4, 0, 0.2, 1);

    /* Décalages en cascade */
    --anim-delay-1:         0.1s;
    --anim-delay-2:         0.2s;
    --anim-delay-3:         0.3s;
    --anim-delay-4:         0.4s;
    --anim-delay-5:         0.5s;

    /* ========================================
       ESPACEMENTS
       ======================================== */

    --space-xs:     4px;
    --space-sm:     8px;
    --space-md:     16px;
    --space-lg:     24px;
    --space-xl:     48px;
    --space-2xl:    80px;

    /* ========================================
       HEADER
       ======================================== */

    --header-height:        80px;
    --header-height-mobile: 64px;
    --header-bg:            #ffffff;
    --header-z:             1000;
    --menu-panel-width:     350px;
    --menu-panel-z:         9999;
    --menu-breakpoint:      1460px;
}

/* Offset global pour toutes les ancres */
:target {
  scroll-margin-top: 150px;
}

/* Ou uniquement les ancres Elementor */
.elementor-element:target {
  scroll-margin-top: 150px;
}