/*
Theme Name: Kadence Child
Theme URI: https://ton-site.com
Description: Thème enfant de Kadence
Author: Ton Nom
Author URI: https://ton-site.com
Template: kadence
Version: 1.0.0
Text Domain: kadence-child
*/

/* Définition des couleurs principales */
:root {
    --primary-color: #008000; /* Vert */
    --secondary-color: #FF0000; /* Rouge */
    --accent-color: #FFD700; /* Jaune */
}

/* Appliquer les couleurs aux éléments principaux */
body {
    background-color: var(--primary-color); /* Fond vert */
    color: white; /* Texte en blanc pour un bon contraste */
}

a {
    color: var(--secondary-color); /* Liens en rouge */
}

a:hover {
    color: var(--accent-color); /* Liens survolés en jaune */
}

/* Boutons */
button, .btn {
    background-color: var(--secondary-color); /* Fond rouge */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

button:hover, .btn:hover {
    background-color: var(--accent-color); /* Fond jaune au survol */
    color: black;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    color: var(--accent-color); /* Titres en jaune */
}

/* Sections spécifiques */
.header {
    background-color: var(--primary-color); /* Fond vert pour l'en-tête */
}

.footer {
    background-color: var(--secondary-color); /* Fond rouge pour le pied de page */
    color: white;
    padding: 20px;
    text-align: center;
}