/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

/*
=============================================
CHARTE GRAPHIQUE - ALEXANDRE CARETTE
=============================================
*/

:root {
    /* 1. Surcharge des couleurs Bootstrap */

    /* C'est la variable la plus importante. */
    /* Remplace #4DC0B5 par ton VRAI code HEX */
    --bs-primary: #4DC0B5;
    --bs-primary-rgb: 77, 192, 181; /* La version RGB de ta couleur */

    /* Optionnel : changer le gris foncé par défaut */
    --bs-dark: #212529; 
    --bs-dark-rgb: 33, 37, 41;

    /* 2. Surcharge des polices (typo) */

    /* On va utiliser 'Montserrat' pour les titres et 'Lato' pour le corps */
    --bs-font-sans-serif: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    /* 3. Surcharge des titres */
    --bs-headings-font-family: 'Montserrat', sans-serif;
    --bs-headings-color: var(--bs-dark);
    --bs-headings-font-weight: 700;
}

/* 4. Application globale des polices */
body {
    font-family: var(--bs-font-sans-serif);
}

h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    font-family: var(--bs-headings-font-family);
}

/* 5. Ajustement des boutons (pour que le hover soit joli) */
.btn-primary {
    /* On s'assure que le bouton utilise bien les variables */
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #40a198; /* Une version 10% plus foncée de #4DC0B5 */
    --bs-btn-hover-border-color: #3c968e; /* Une version 15% plus foncée */

    --bs-btn-active-bg: #3c968e;
    --bs-btn-active-border-color: #3c968e;
}

/*
=============================================
FIN DE LA CHARTE
=============================================
*/
