:root {
    --pgcode-primary: #2563eb;
    --pgcode-primary-dark: #1d4ed8;
}

body {
    color: #172033;
}

.login-container {
    max-width: 430px;
}

.brand-label {
    font-size: 0.78rem;
    letter-spacing: 0.14em;
}

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

.form-control:focus {
    border-color: var(--pgcode-primary);
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.15);
}

.card {
    border-radius: 1rem;
}