/* ============================================
   ORYALO — DARK THEME (permanent)
   Bloc 1 : fonds + textes
   Base color #C8094E gérée par color.php
   ============================================ */

:root {
    --dark-bg:        #0F1117;   /* fond principal */
    --dark-bg-2:      #161B22;   /* fond secondaire (cards, sections alt) */
    --dark-bg-3:      #1C2230;   /* surfaces surélevées */
    --dark-border:    #2A2F3A;   /* bordures discrètes */
    --dark-text:      #E6E8EC;   /* texte principal */
    --dark-text-soft: #A8B0BD;   /* texte secondaire / muted */
    --brand:          #C8094E;   /* rose marque (rappel) */
}

/* ---- Fond global + texte de base ---- */
body {
    background-color: var(--dark-bg) !important;
    color: var(--dark-text) !important;
}

/* ---- Conteneurs génériques transparents (héritent du body) ---- */
section,
.section,
main,
.body-overlay {
    background-color: transparent !important;
}

/* ---- Titres ---- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--dark-text) !important;
}

/* ---- Paragraphes / texte courant ---- */
p, span, li, label, td, th,
.text-dark, .text-muted, .text-secondary {
    color: var(--dark-text-soft) !important;
}

/* ---- Liens (hors boutons) : on garde lisible, le rose reste pour le hover ---- */
a {
    color: var(--dark-text);
}
a:hover {
    color: var(--brand);
}

/* ---- Préserver le texte blanc sur les boutons de marque ---- */
.btn--base,
.bg--base,
.btn--base * {
    color: #ffffff !important;
}