/* ---------- Light Mode Branding ---------- */
[data-bs-theme=light] {
    /* Primary = button & link base */
    --bs-primary: #c72127 !important;
    --bs-primary-rgb: 199, 33, 39 !important;
    /* Link colors */
    --bs-link-color: #c72127 !important;
    --bs-link-hover-color: #a8141a !important;
    --bs-link-color-rgb: 199, 33, 39 !important;
    --bs-link-hover-color-rgb: 168, 20, 26 !important;
    /* Active pills/nav highlights */
    --bs-nav-pills-link-active-bg: #c72127 !important;
    /* Gradient primary (reds) */
    --bs-grad-primary-start: #c54f54;
    --bs-grad-primary-end: #c72127;
    /* Gradient secondary (subtle tints) */
    --bs-grad-secondary-start: rgba(197, 79, 84, 0.15);
    --bs-grad-secondary-center: rgba(199, 33, 39, 0.15);
    --bs-grad-secondary-end: rgba(179, 29, 35, 0.15);
    /* Text & links over red backgrounds */
    --bs-nav-link-color-over-red: #ffffff;
    --bs-nav-link-hover-color-over-red: #ffffff;
    --bs-text-color-over-red: #ffffff;
    /* Light gray (sections, headers) */
    --bs-secondary-rgb: 244, 244, 244;
}

/* ---------- Dark Mode Branding ---------- */
[data-bs-theme=dark] {
    --bs-primary: #c72127 !important;
    --bs-primary-rgb: 199, 33, 39 !important;
    --bs-link-color: #c72127 !important;
    --bs-link-hover-color: #a8141a !important;
    --bs-link-color-rgb: 199, 33, 39 !important;
    --bs-link-hover-color-rgb: 168, 20, 26 !important;
    --bs-nav-pills-link-active-bg: #c72127 !important;
    --bs-grad-primary-start: #c54f54;
    --bs-grad-primary-end: #c72127;
    --bs-grad-secondary-start: rgba(197, 79, 84, 0.15);
    --bs-grad-secondary-center: rgba(199, 33, 39, 0.15);
    --bs-grad-secondary-end: rgba(179, 29, 35, 0.15);
}

/* ---------- Gradient Utilities (unchanged) ---------- */
.bg-primary-grad {
    background: linear-gradient(180deg, var(--bs-grad-primary-start) 0%, var(--bs-grad-primary-end) 100%);
}

.bg-secondary-grad {
    background: linear-gradient( 90deg, var(--bs-grad-secondary-start) 0%, var(--bs-grad-secondary-center) 51%, var(--bs-grad-secondary-end) 100% );
}

.text-primary-grad {
    background: linear-gradient(90deg, var(--bs-grad-primary-start) 0%, var(--bs-grad-primary-end) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-primary-grad {
    background: linear-gradient( to right, var(--bs-grad-primary-end) 0%, var(--bs-grad-primary-start) 51%, var(--bs-grad-primary-end) 100% );
    background-size: 200% auto;
}

    .btn-primary-grad:active,
    .btn-primary-grad:focus,
    .btn-primary-grad:hover,
    .btn-primary-grad:focus-visible {
        background-position: right center;
    }

.link-primary-grad {
    background: linear-gradient(90deg, var(--bs-grad-primary-start) 0%, var(--bs-grad-primary-end) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .link-primary-grad.active,
    .link-primary-grad:active,
    .link-primary-grad:focus,
    .link-primary-grad:hover {
        background: linear-gradient(280deg, var(--bs-grad-primary-start) 0%, var(--bs-grad-primary-end) 100%);
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .link-primary-grad > .bi {
        background: linear-gradient(180deg, var(--bs-grad-primary-start) 0%, var(--bs-grad-primary-end) 100%);
        background-clip: text;
    }

/* Other overrides (navbar, buttons, forms, etc.) can remain pointed at var(--bs-primary) */