@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap');

:root {
    --bs-primary: #182962; /* Houlihan Navy */
    --bs-primary-rgb: 24, 41, 98;
    --bs-secondary: #FDD548; /* Houlihan Yellow */
    --bs-secondary-rgb: 253, 213, 72;
    --bs-warning: #FDD548;
    --bs-warning-rgb: 253, 213, 72;
    --bs-info: #C30062;
    --bs-body-color: #5C6070;
    --bs-font-sans-serif: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
    font-family: var(--bs-font-sans-serif);
    color: var(--bs-body-color);
}

/* Overrides for utility classes if they don't pick up variables automatically */
.bg-primary {
    background-color: var(--bs-primary) !important;
}
.text-primary {
    color: var(--bs-primary) !important;
}
.border-primary {
    border-color: var(--bs-primary) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
    color: #000 !important; /* Ensure readable text on yellow */
}
.text-secondary {
    color: var(--bs-secondary) !important;
}

/* Button overrides */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #121e4a;
    border-color: #0e1738;
}

.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-outline-primary:hover {
    background-color: var(--bs-primary);
    color: #fff;
}

/* Fix warning button text color */
.btn-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
    color: #000;
}