:root {
    /* Couleurs de fond */
    --fond-page: #4a4a4a;
    --fond-section: #4a4a4a;
    --fond-element-ui: #4a4a4a;
    --fond-input: #4a4a4a;
    --fond-survol: #4a4a4a;
    --fond-rgb: 74, 74, 74;

    /* Couleurs de texte et primaires */
    --main-text-color: #ffffff;
    --main-text-color-rgb: 255, 255, 255;
    --primary: #ff0000;
    --input-text-color: var(--main-text-color);

    /* Autres */
    --border-color: #444;
}

body {
    background-color: var(--fond-page);
    color: var(--main-text-color);
}

/* Unify header menu links with the menu color */
header nav a {
    color: var(--primary);
}

/* Ensure all heading levels use the primary color for titles */
h1, h2, h3, h4, h5, h6 {
    color: var(--primary);
}

/* --- Button Styles --- */
/* Ces styles sont des exemples et devront être adaptés dans assets/css/style.css */
.utility-grid .button,
.icon-card {
    /* Exemple: les boutons pourraient avoir un fond qui est la couleur principale du texte */
    background-color: var(--main-text-color);
}

.utility-grid .button span,
.icon-card span {
     /* Le texte des boutons aurait alors la couleur de fond de la page */
    color: var(--fond-page);
}

.icon-card i.status-unconfigured {
    color: #6c757d;
}

.utility-grid .button i {
    color: var(--primary) !important;
}

.icon-card i.status-configured {
    color: #28a745;
}