/* FENIX POOL - VANGUARD 2026 REDESIGN */
:root {
    --primary: #ff6600;
    --primary-glow: rgba(255, 102, 0, 0.6);
    --bg-deep: #05070a;
    --card-bg: #11141b;
    --text-bright: #ffffff;
    --text-dim: #a0aec0;
}

body {
    background-color: var(--bg-deep) !important;
    color: var(--text-bright) !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* NAVBAR - On vire le texte Miningcore */
.navbar {
    background: #000000 !important;
    border-bottom: 2px solid var(--primary) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.8) !important;
}

.navbar-brand {
    color: var(--primary) !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 1.5rem !important;
}

/* JUMBRON - On force la visibilité du texte */
.jumbotron {
    background: linear-gradient(135deg, #161b22 0%, #0d1117 100%) !important;
    border: 1px solid #30363d !important;
    border-radius: 20px !important;
    color: var(--text-bright) !important;
    padding: 3rem 2rem !important;
    text-align: center;
}

.jumbotron h1, .jumbotron .h1 {
    color: var(--primary) !important;
    font-weight: 900 !important;
    margin-bottom: 1.5rem !important;
}

.jumbotron p {
    color: #ffffff !important; /* Texte blanc pur pour être lisible */
    font-size: 1.2rem !important;
    opacity: 1 !important;
}

/* TABLEAU - On tue le blanc */
.table thead th {
    background-color: #1a1f26 !important; /* Gris très foncé au lieu du blanc */
    color: var(--primary) !important;
    border: none !important;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    padding: 15px !important;
}

.table tbody tr {
    background-color: var(--card-bg) !important;
    border-bottom: 1px solid #2d333b !important;
}

.table td {
    color: var(--text-bright) !important;
    vertical-align: middle !important;
}

/* WARNING BOX - Plus propre */
.alert-warning {
    background-color: rgba(255, 102, 0, 0.1) !important;
    border: 1px solid var(--primary) !important;
    color: #ffaa77 !important;
    border-radius: 10px !important;
}

/* FOOTER */
footer {
    background-color: #000 !important;
    color: var(--text-dim) !important;
    border-top: 1px solid #222 !important;
}