/* Opción 1: Sobrescribe la variable global para el color "tertiary" de Bootstrap */
:root {
    /* La variable original que viste en tu CSS era --bs-tertiary-color-rgb */
    --bs-tertiary-color-rgb: 255, 0, 0; /* Sustituye 0, 0, 0 por tu color RGB deseado */
   --bs-nav-link-color:255, 0, 0;
   --bs-secondary-color: #7F1734;
   --bs-border-color:222;
}

.row { padding:0 15px }
hr { color:#222222; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show,
.nav-link:focus, .nav-link:hover { color:#7F1734; }


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7F1734;
    --bs-btn-border-color: #7F1734;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f52a63;
    --bs-btn-hover-border-color: #f52a63;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f52a63;
    --bs-btn-active-border-color: #f52a63;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #222222;
    --bs-btn-border-color: #222222;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7F1734;
    --bs-btn-hover-border-color: #7F1734;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7F1734;
    --bs-btn-active-border-color: #7F1734;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}