:root {
    --krbps-navy: #10253d;
    --krbps-turquoise: #32c5b0;
    --krbps-turquoise-dark: #239e8e;
    --krbps-background: #f5f8fb;
    --krbps-text: #263648;
    --krbps-border: #dce4ec;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    margin-bottom: 60px;
    color: var(--krbps-text);
    background-color: #fff;
}

h1, h2, h3, h4, h5 {
    color: var(--krbps-navy);
}

.form-label {
    color: var(--krbps-navy);
    font-weight: 600;
}

.form-control,
.form-select {
    border: 1px solid var(--krbps-border);
    border-radius: 8px;
    padding: 0.7rem 0.85rem;
}

    .form-control:focus,
    .form-select:focus,
    .form-check-input:focus,
    .btn:focus,
    .btn:active:focus,
    .btn-link.nav-link:focus {
        border-color: var(--krbps-turquoise);
        box-shadow: 0 0 0 0.2rem rgba(50, 197, 176, 0.22);
    }

textarea.form-control {
    min-height: 140px;
}

.btn {
    border-radius: 8px;
    padding: 0.65rem 1.15rem;
    font-weight: 600;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn-primary {
    color: var(--krbps-navy);
    background-color: var(--krbps-turquoise);
    border-color: var(--krbps-turquoise);
}

    .btn-primary:hover {
        color: #fff;
        background-color: var(--krbps-turquoise-dark);
        border-color: var(--krbps-turquoise-dark);
    }

.btn-outline-secondary {
    border-radius: 8px;
}

.text-danger {
    font-size: 0.9rem;
}

.text-muted {
    line-height: 1.7;
}