:root {
    --cts-navy: #17324d;
    --cts-gold: #c2a875;
    --cts-light: #f7f8fa;
    --cts-border: #dfe3e8;
    --cts-text: #20252b;
}

body {
    background: var(--cts-light);
    color: var(--cts-text);
}

.cts-navbar {
    background: var(--cts-navy);
}

.cts-navbar .navbar-brand,
.cts-navbar .nav-link {
    color: #fff;
}

.cts-navbar .nav-link:hover,
.cts-navbar .nav-link:focus {
    color: var(--cts-gold);
}

.btn-cts {
    background: var(--cts-navy);
    border-color: var(--cts-navy);
    color: #fff;
}

.btn-cts:hover,
.btn-cts:focus {
    background: #10283d;
    border-color: #10283d;
    color: #fff;
}

.btn-cts-gold {
    background: var(--cts-gold);
    border-color: var(--cts-gold);
    color: #17324d;
}

.card {
    border-color: var(--cts-border);
}

.page-title {
    color: var(--cts-navy);
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}