:root {
    /* ----- 1. COULEURS ----- */
    --vert-sapin: #1E3A2B;
    --terracotta: #C15C3D;
    --ocre-dore: #DFA460;
    --blanc-neige: #F8F9FA;
    --main-color: #FFFFFF;
    --main-text: rgb(74, 85, 104);

    /* ----- 2. TYPOGRAPHIES GROUPÉES (Font Shorthand) ----- */
    /* Syntaxe : font-style font-weight font-size/line-height font-family */
    --typo-hero: normal 900 6rem/1 "Montserrat", sans-serif;
    --typo-h1: normal 600 2.5rem/1.2 "Open_Sans", sans-serif;
    --typo-h2: normal 600 2rem/1.2 "Open_Sans", sans-serif;
    --typo-h3-tag: normal 700 0.875rem/1.2 "Montserrat", sans-serif;
    
    --typo-body: normal 400 1rem/1.5 "Open_Sans", sans-serif;
    --typo-body-bold: normal 600 1rem/1.5 "Open_Sans", sans-serif;
    --typo-body-small:normal 400 0.75rem/1 "Open_Sans", sans-serif;
    
    --typo-nav: normal 600 0.9rem/1 "Montserrat", sans-serif;
    --typo-btn: normal 600 0.7rem/1 "Montserrat", sans-serif;
    --typo-btn-large: normal 600 1.2rem/1 "Montserrat", sans-serif;

    /* ----- 3. BORDURES ET OMBRES ----- */
    --border-light: 1px solid rgba(255, 255, 255, 0.1);
    --border-dark: 1px solid rgba(0, 0, 0, 0.05);
    
    --shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    --shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);

    /* ----- 4. FORMES ET ESPACEMENTS ----- */
    --radius-btn: 40px;
    --radius-card: 50px;
    --radius-input: 20px;
    --pad-section: 6vh 6vw; /* Espacement global modifiable d'un coup */

    /* ----- 5. ANIMATIONS ----- */
    --transition-base: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Importation des polices */
@font-face {
    font-family: "Montserrat";
    src: url(./../../src/fonts/Montserrat/Montserrat-VariableFont_wght.ttf);
}
@font-face {
    font-family: "Open_Sans";
    src: url(./../../src/fonts/Open_Sans/OpenSans-VariableFont_wdth\,wght.ttf);
}