/* Portal Theme - Fotostudio Kortrijk */

:root {
    --bs-body-font-family: 'Titillium Web', sans-serif;

    /* Brand colors */
    --fsk-navy: #00234B;
    --fsk-charcoal: #2C363B;
    --fsk-light: #EEEDEE;
    --fsk-gold: #938D55;
    --fsk-teal: #005156;
    --fsk-black: #000000;

    /* Bootstrap overrides */
    --bs-primary: var(--fsk-teal);
    --bs-primary-rgb: 0, 35, 75;
    --bs-secondary: #2C363B;
    --bs-secondary-rgb: 44, 54, 59;
    /*--bs-success: #005156;
    --bs-success-rgb: 0, 81, 86;*/
    --bs-light: #EEEDEE;
    --bs-light-rgb: 238, 237, 238;
    --bs-dark: #000000;
    --bs-dark-rgb: 0, 0, 0;

    --bs-body-color: var(--fsk-charcoal);
    --bs-link-color: var(--fsk-teal);
    --bs-link-hover-color: var(--fsk-navy);
}

body {
    font-family: var(--bs-body-font-family);
    color: var(--bs-body-color);
    background-color: var(--fsk-light);
}

/* Navbar */
.navbar-dark.bg-primary {
    background-color: var(--fsk-gold) !important;
}

.navbar-brand {
    letter-spacing: 0.5px;
}

/* Buttons */
.btn-primary {
    background-color: var(--fsk-gold);
    border-color: var(--fsk-gold);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--fsk-teal);
    border-color: var(--fsk-teal);
}

.btn-outline-primary {
    color: var(--fsk-navy);
    border-color: var(--fsk-navy);
}

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

.btn-accent {
    background-color: var(--fsk-gold);
    border-color: var(--fsk-gold);
    color: #fff;
}

.btn-accent:hover {
    background-color: #7d7848;
    border-color: #7d7848;
    color: #fff;
}

/* Cards */
.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 35, 75, 0.08);
    background-color: #fff;
}

.card-header {
    background-color: var(--fsk-gold);
    color: #fff;
    font-weight: 600;
}

/* Tables */
.table thead th {
    background-color: var(--fsk-gold);
    color: #fff;
    font-weight: 600;
    border: none;
}

/* Alerts */
.alert-info {
    background-color: rgba(0, 81, 86, 0.1);
    border-color: var(--fsk-teal);
    color: var(--fsk-teal);
}

/* Footer */
footer {
    background-color: var(--fsk-navy) !important;
}

/* Badge accents */
.badge.bg-accent {
    background-color: var(--fsk-gold) !important;
}

/* Focus states */
.form-control:focus {
    border-color: var(--fsk-teal);
    box-shadow: 0 0 0 0.25rem rgba(0, 81, 86, 0.25);
}

/* Nav links active state */
navbar .nav-link.active {
    /*color: var(--fsk-navy) !important;*/
    color: white !important;
}