/* RAY'PO VÊTEMENTS - Design (safe overrides)
   Palette alignée sur le logo : Noir / Gris / Argent */
:root{
  --raypo-black:#101114;
  --raypo-dark:#1a1c20;
  --raypo-silver:#b8bec6;   /* accent principal (argent) */
  --raypo-silver-2:#8e97a1; /* accent secondaire */
  --raypo-bg:#f6f7f9;

  /* Override Bootstrap v5 theme tokens (visuel uniquement) */
  --bs-primary: var(--raypo-black);
  --bs-primary-rgb: 16,17,20;
  --bs-link-color: var(--raypo-black);
  --bs-link-hover-color: var(--raypo-dark);
}

/* Fond global */
body{background-color:var(--raypo-bg);}

/* Cartes */
.card{border:0; box-shadow:0 6px 18px rgba(0,0,0,.06); border-radius:14px;}
.card-header{border-bottom:1px solid rgba(0,0,0,.06);}

/* Remplacer toutes les bannières "bleu" Bootstrap */
.bg-primary,
.text-bg-primary,
.alert-primary{
  background-color:var(--raypo-black) !important;
  color:#fff !important;
}
.border-primary{border-color:var(--raypo-black) !important;}
.text-primary{color:var(--raypo-black) !important;}

/* Table header (souvent .table-dark ou .table-primary) */
.table-primary{
  --bs-table-bg: var(--raypo-black);
  --bs-table-color: #fff;
  --bs-table-striped-bg: rgba(255,255,255,.06);
  --bs-table-striped-color:#fff;
  --bs-table-active-bg: rgba(255,255,255,.12);
  --bs-table-active-color:#fff;
  --bs-table-hover-bg: rgba(255,255,255,.10);
  --bs-table-hover-color:#fff;
}
.table-dark{
  --bs-table-bg: var(--raypo-black);
  --bs-table-color:#fff;
}

/* Boutons */
.btn-primary{
  background-color:var(--raypo-black) !important;
  border-color:var(--raypo-black) !important;
}
.btn-primary:hover,
.btn-primary:focus{
  background-color:var(--raypo-dark) !important;
  border-color:var(--raypo-dark) !important;
}
.btn-outline-primary{
  color:var(--raypo-black) !important;
  border-color:var(--raypo-black) !important;
}
.btn-outline-primary:hover{
  background-color:var(--raypo-black) !important;
  border-color:var(--raypo-black) !important;
  color:#fff !important;
}

/* Accent logo utilisé au lieu du jaune Bootstrap */
.bg-warning{background-color:var(--raypo-silver) !important; color:var(--raypo-black) !important;}
.btn-warning{background-color:var(--raypo-silver) !important; border:none !important; color:var(--raypo-black) !important;}
.btn-warning:hover{background-color:var(--raypo-silver-2) !important;}
.text-warning{color:var(--raypo-silver) !important;}

/* Lien / badges */
a{color:var(--raypo-black);}
a:hover{color:var(--raypo-dark);}
.badge.bg-primary{background-color:var(--raypo-black) !important;}
.badge.bg-info{background-color:var(--raypo-silver-2) !important; color:var(--raypo-black) !important;}