:root {
    --gtf-primary: #25A9E0;
    --gtf-secondary: #10367D;
    --gtf-surface: #EBEBEB;
    --bs-primary: #25A9E0;
    --bs-primary-rgb: 37, 169, 224;
    --bs-secondary: #10367D;
    --bs-secondary-rgb: 16, 54, 125;
}

body {
    background-color: var(--gtf-surface);
}

a {
    color: var(--gtf-secondary);
}

a:hover {
    color: var(--gtf-primary);
}

.text-primary {
    color: var(--gtf-primary) !important;
}

.btn-primary {
    --bs-btn-bg: var(--gtf-primary);
    --bs-btn-border-color: var(--gtf-primary);
    --bs-btn-hover-bg: var(--gtf-secondary);
    --bs-btn-hover-border-color: var(--gtf-secondary);
    --bs-btn-active-bg: var(--gtf-secondary);
    --bs-btn-active-border-color: var(--gtf-secondary);
}

.btn-outline-primary {
    --bs-btn-color: var(--gtf-secondary);
    --bs-btn-border-color: var(--gtf-secondary);
    --bs-btn-hover-bg: var(--gtf-secondary);
    --bs-btn-hover-border-color: var(--gtf-secondary);
}

.list-group-item.active {
    background-color: var(--gtf-secondary);
    border-color: var(--gtf-secondary);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--gtf-primary);
    box-shadow: 0 0 0 0.25rem rgba(37, 169, 224, 0.25);
}