/* Colores personalizados */
:root {
    --bs-gold: #ba9c5e;
    --bs-orange: #ff8c00;
    --bs-crimson: #dc143c;
    --bs-pink: #ff69b4;
    --bs-purple: #800080;
    --bs-blue: #007bff;
    --bs-cyan: #17a2b8;
    --bs-emerald: #50c878;
    --bs-gray: #6c757d;
    --bs-brown: #8b4513;
  }
  
  /* Texto */
  .text-gold { color: var(--bs-gold) !important; }
  .text-orange { color: var(--bs-orange) !important; }
  .text-crimson { color: var(--bs-crimson) !important; }
  .text-pink { color: var(--bs-pink) !important; }
  .text-purple { color: var(--bs-purple) !important; }
  .text-blue { color: var(--bs-blue) !important; }
  .text-cyan { color: var(--bs-cyan) !important; }
  .text-emerald { color: var(--bs-emerald) !important; }
  .text-gray { color: var(--bs-gray) !important; }
  .text-brown { color: var(--bs-brown) !important; }
  
  /* Fondos */
  .bg-gold { background-color: var(--bs-gold) !important; }
  .bg-orange { background-color: var(--bs-orange) !important; }
  .bg-crimson { background-color: var(--bs-crimson) !important; }
  .bg-pink { background-color: var(--bs-pink) !important; }
  .bg-purple { background-color: var(--bs-purple) !important; }
  .bg-blue { background-color: var(--bs-blue) !important; }
  .bg-cyan { background-color: var(--bs-cyan) !important; }
  .bg-emerald { background-color: var(--bs-emerald) !important; }
  .bg-gray { background-color: var(--bs-gray) !important; }
  .bg-brown { background-color: var(--bs-brown) !important; }
  
  /* Bordes */
  .border-gold { border-color: var(--bs-gold) !important; }
  .border-orange { border-color: var(--bs-orange) !important; }
  .border-crimson { border-color: var(--bs-crimson) !important; }
  .border-pink { border-color: var(--bs-pink) !important; }
  .border-purple { border-color: var(--bs-purple) !important; }
  .border-blue { border-color: var(--bs-blue) !important; }
  .border-cyan { border-color: var(--bs-cyan) !important; }
  .border-emerald { border-color: var(--bs-emerald) !important; }
  .border-gray { border-color: var(--bs-gray) !important; }
  .border-brown { border-color: var(--bs-brown) !important; }
  
  /* Botones */
  .btn-gold { background-color: var(--bs-gold) !important; color: white !important; }
  .btn-orange { background-color: var(--bs-orange) !important; color: white !important; }
  .btn-crimson { background-color: var(--bs-crimson) !important; color: white !important; }
  .btn-pink { background-color: var(--bs-pink) !important; color: white !important; }
  .btn-purple { background-color: var(--bs-purple) !important; color: white !important; }
  .btn-blue { background-color: var(--bs-blue) !important; color: white !important; }
  .btn-cyan { background-color: var(--bs-cyan) !important; color: white !important; }
  .btn-emerald { background-color: var(--bs-emerald) !important; color: white !important; }
  .btn-gray { background-color: var(--bs-gray) !important; color: white !important; }
  .btn-brown { background-color: var(--bs-brown) !important; color: white !important; }
  
  /* Hover para botones */
  .btn-gold:hover { background-color: #baab5e !important; }
  .btn-orange:hover { background-color: #e67e00 !important; }
  .btn-crimson:hover { background-color: #c1122f !important; }
  .btn-pink:hover { background-color: #e05699 !important; }
  .btn-purple:hover { background-color: #6d006d !important; }
  .btn-blue:hover { background-color: #0056b3 !important; }
  .btn-cyan:hover { background-color: #138496 !important; }
  .btn-emerald:hover { background-color: #3da45f !important; }
  .btn-gray:hover { background-color: #5a6268 !important; }
  .btn-brown:hover { background-color: #733d12 !important; }