/*
Theme Name: Twenty Twenty-Five (enfant)
Description: Thème enfant pour Twenty Twenty-Five
Author: Gaelle CRETEL
Author URI: https://www.vibfestival.fr/
Template: twentytwentyfive
Version: 1.0.0
Text Domain: twentytwentyfivechild
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
/!\ NE PAS EFFACER LES LIGNES CI-DESSUS. /!\

ELLES SONT OBLIGATOIRES POUR LE FONCTIONNEMENT DU THEME ENFANT.
VOUS POUVEZ AJOUTER DES INFORMATIONS SUPPLEMENTAIRES SI VOUS LE SOUHAITEZ.

Pensez à modifier les informations suivantes : 
* Author : votre nom ou pseudo
* Author URI : l'URL de votre site web ou portfolio
*/

/*
TRES IMPORTANT :
    LES LIGNES QUI SUIVENT SONT UN EXEMPLE DE STRUCTURATION DE CODE CSS.
    PENSEZ A ADAPTER SELON VOS BESOINS ET VOTRE ORGANISATION OU SUPPRIMEZ-LES SI VOUS NE SOUHAITEZ PAS LES UTILISER.
*/

/* 
SI vous souhaitez organiser votre code CSS en plusieurs fichiers, vous pouvez utiliser la règle @import.
L'import doit toujours être en début de fichier, avant le code CSS.

Un dossier nommé _partials contient les fichiers CSS séparés pour organiser au mieux son code CSS. EX ici : _variables.css
Vous pouvez reproduire cette structure ou l'adapter selon vos besoins ou la supprimer si vous ne souhaitez pas l'utiliser.
*/
@import url(./_partials/_variables.css);

/* Déclaration de vos variables CSS */

/*
    Ecrivez votre code CSS ci-dessous.
*/

/* TOKENS COULEURS VIB' (design system) */
:root {
    --wp--preset--color--base:    #F5F1EC;
    --wp--preset--color--contrast:     #1A1A18;
    --wp--preset--color--accent-1:   #1E2D28;
    --wp--preset--color--accent-2:    #C6B9A2;
    --wp--preset--color--accent-3:   #A5242E;
    --wp--preset--color--accent-4:       #DBAF5A;
    --wp--preset--color--accent-5:    #7CADB0;
    --wp--preset--color--accent-6:    #A97951;
}

.title--h1 {
    font-size: clamp(2rem, 2.5vw, 4rem);
}
.wp-block-themeisle-blocks-accordion {
    margin: 20px auto;
    --title-color: var(--wp--preset--color--accent-2);
    --title-background: var(--wp--preset--color--accent-1);
    --content-background: var(--wp--preset--color--accent-5);
    --border-color: var(--wp--preset--color--accent-1);
}

.wp-block-themeisle-blocks-accordion-item[open]{
    --title-color: var(--wp--preset--color--contrast);
}

.has-base-color {
    color: var(--wp--preset--color--accent-2) !important;
}


.wp-block-separator {
        border-width: 0 0 4px 0;
}