:root {
    --brand-primary: #193951;
    --brand-secondary: #fff4ad;
    --brand-tertiary: #fcfcfc;
}

body,
body.login {
    background-color: var(--brand-tertiary);
}

.login input:focus,
.login select:focus,
.login textarea:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgb(255 244 173 / 70%);
}

.login a:hover,
a.text-primary-600:hover {
    color: var(--brand-primary);
}

.login nav a:hover,
.hover\:bg-gray-100:hover {
    background-color: var(--brand-secondary);
}