/*
 * Catholic Charities Custom Branding Stylesheet
 */

/* Define Brand Colors as CSS Variables */
:root {
    --ccnek-blue: #3077B8;
    --ccnek-light-blue: #4591CB;
    --ccnek-gold: #FABF31;
    --ccnek-navy: #003F72;
    --ccnek-sky-blue: #CCE4F6;
    --ccnek-deep-gold: #E6AC2C;
    --bs-primary: var(--ccnek-blue);
    --bs-primary-rgb: 48, 119, 184;
}

/* --- TYPOGRAPHY --- */
body {
    font-family: 'Nunito Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lora', serif;
    font-weight: 700;
}

.lead {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}

/* --- COMPONENT STYLING --- */

/* Navbar */
.navbar.bg-ccnek-navy {
    background-color: var(--ccnek-navy) !important;
}
.navbar-brand img {
    max-height: 40px; /* Adjust as needed */
}

/* Buttons */
.btn-primary {
    background-color: var(--ccnek-blue);
    border-color: var(--ccnek-blue);
}
.btn-primary:hover {
    background-color: var(--ccnek-navy);
    border-color: var(--ccnek-navy);
}

.btn-success {
    background-color: #198754; /* Keeping default for clarity */
    border-color: #198754;
}

.btn-info {
    background-color: var(--ccnek-light-blue);
    border-color: var(--ccnek-light-blue);
    color: #fff;
}
.btn-info:hover {
    background-color: var(--ccnek-blue);
    border-color: var(--ccnek-blue);
}

.btn-warning {
    background-color: var(--ccnek-gold);
    border-color: var(--ccnek-gold);
    color: var(--ccnek-navy);
}
.btn-warning:hover {
    background-color: var(--ccnek-deep-gold);
    border-color: var(--ccnek-deep-gold);
    color: var(--ccnek-navy);
}

.btn-outline-light {
    border-color: var(--ccnek-sky-blue);
    color: var(--ccnek-sky-blue);
}
.btn-outline-light:hover {
    background-color: var(--ccnek-sky-blue);
    color: var(--ccnek-navy);
}

.btn-outline-dark {
     border-color: var(--ccnek-navy);
    color: var(--ccnek-navy);
}
.btn-outline-dark:hover {
    background-color: var(--ccnek-navy);
    color: #fff;
}

/* Links */
a {
    color: var(--ccnek-blue);
}
a:hover {
    color: var(--ccnek-navy);
}
.list-group-item-action:hover, .list-group-item-action:focus {
    background-color: var(--ccnek-sky-blue);
}

/* Badges */
.badge.bg-success {
    background-color: #198754 !important;
}
.badge.bg-warning {
    background-color: var(--ccnek-gold) !important;
    color: var(--ccnek-navy) !important;
}
.badge.bg-info {
    background-color: var(--ccnek-light-blue) !important;
}
.badge.bg-primary {
     background-color: var(--ccnek-blue) !important;
}


/* Cards */
.card-header {
    font-family: 'Lora', serif;
}

.bg-ccnek-blue {
    background-color: var(--ccnek-blue) !important;
}
.bg-ccnek-light-blue {
    background-color: var(--ccnek-light-blue) !important;
}
.bg-ccnek-gold {
    background-color: var(--ccnek-gold) !important;
    color: var(--ccnek-navy) !important;
}
.bg-ccnek-gold .card-header, .bg-ccnek-gold .card-text {
    color: var(--ccnek-navy) !important;
}

/* Accordion */
.accordion-button {
    font-family: 'Lora', serif;
}
.accordion-button:not(.collapsed) {
    background-color: var(--ccnek-sky-blue);
    color: var(--ccnek-navy);
}
.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    border-color: var(--ccnek-light-blue);
}