/* =============================================
   Platinum Lubricants – Brand Color Override
   Primary: #C8101E (Brand Red)
   Dark:    #1A1A1A (Charcoal/Near Black)
   ============================================= */
   :root {
    --bs-primary: #C8101E;
    --bs-dark: #1A1A1A;
}

/* Primary color utilities */
.text-primary { color: #C8101E !important; }
.bg-primary { background-color: #C8101E !important; }
.border-primary { border-color: #C8101E !important; }

/* Dark color utilities */
.text-dark { color: #1A1A1A !important; }
.bg-dark { background-color: #1A1A1A !important; }
.border-dark { border-color: #1A1A1A !important; }

/* Buttons – Primary */
.btn-primary {
    color: #fff;
    background-color: #C8101E;
    border-color: #C8101E;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff;
    background-color: #a50d19;
    border-color: #a50d19;
}
.btn-primary:disabled,
.btn-primary.disabled {
    color: #fff;
    background-color: #C8101E;
    border-color: #C8101E;
}

/* Buttons – Dark */
.btn-dark {
    color: #fff;
    background-color: #1A1A1A;
    border-color: #1A1A1A;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}

/* Outline buttons */
.btn-outline-primary {
    color: #C8101E;
    border-color: #C8101E;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #C8101E;
    border-color: #C8101E;
}

/* Links */
a { color: #C8101E; }
a:hover { color: #a50d19; }

/* Nav active state */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #C8101E;
}

/* Accordion open state */
.accordion-button:not(.collapsed) {
    color: #C8101E;
    background-color: #fdf0f1;
}

/* Dropdown active item */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #C8101E;
}

/* Focus ring shadows — updated to red tones */
.btn-primary:focus,
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(200, 16, 30, 0.25);
}

/* Headings color (was navy, now charcoal) */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #1A1A1A;
}