/* app/static/css/app.css */
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
/* app/static/css/app.css */

:root{
  /* ✅ Override Bootstrap variables (le vrai fix du texte sombre) */
  --bs-body-bg: #1f2428;
  --bs-body-color: #eaeaea;

  --bg0:#1f2428;
  --card:#000000;
  --border:#3a3f44;
  --text:#eaeaea;
  --muted:#c7ccd2;
  --muted2:#aeb4bb;
}

body{
  background: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
}

/* Cards */
.card{
  background: var(--card) !important;
  border-color: var(--border) !important;
}

/* ✅ Force texte lisible partout (titres/labels/etc.) */
h1,h2,h3,h4,h5,h6,
.card, .card-body, .form-check-label{
  color: var(--bs-body-color) !important;
}

label.form-label{
  color: var(--muted) !important;
  font-weight: 600;
}

.text-secondary{
  color: var(--muted2) !important;
}

/* Inputs (thème sombre) */
.form-control, .form-select{
  background: #0f1113 !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
.form-control::placeholder{
  color: #8e949b !important;
}
.form-control:focus, .form-select:focus{
  border-color: rgba(13,110,253,.6) !important;
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.25) !important;
}

/* Links */
a{
  color: #69b1ff !important;
}
a:hover{
  color: #9accff !important;
}

/* Tables */
.table{
  color: var(--text) !important;
}
.table-dark{
  --bs-table-bg: #0b0b0b;
  --bs-table-striped-bg: #111316;
  --bs-table-striped-color: var(--text);
  --bs-table-color: var(--text);
}

/* Alerts */
.alert{
  border-color: var(--border) !important;
}

/* Badges */
.badge.bg-secondary{
  background-color: #3b4046 !important;
}

/* Buttons (optionnel: rend mieux sur dark) */
.btn-outline-light{
  border-color: #bfc5cc !important;
  color: #f0f2f4 !important;
}
.btn-outline-light:hover{
  background: #2a2f34 !important;
}

/* HR */
hr{
  border-color: var(--border) !important;
}