/* assets/css/style.css */
:root {
    /* Define your shades of red here */
    --theme-red: #c0392b; 
    --theme-red-hover: #a5281b;
    --theme-red-light: #f9ebea;
}

/* Override Bootstrap Primary Buttons */
.btn-primary {
    background-color: var(--theme-red) !important;
    border-color: var(--theme-red) !important;
    color: #ffffff !important;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
    background-color: var(--theme-red-hover) !important;
    border-color: var(--theme-red-hover) !important;
}

/* Override standard text links */
a {
    color: var(--theme-red);
}

a:hover {
    color: var(--theme-red-hover);
}

/* Custom utility class for red text if needed */
.text-theme-red {
    color: var(--theme-red) !important;
}

/* Custom Red Background Utility */
.bg-theme-red {
    background-color: var(--theme-red) !important;
}