:root {
    --color-primary: hsl(227, 52%, 51%);
    --color-primary-lowered: hsl(227, 52%, 46%);
    --color-text-primary: white;

    --color-secondary: hsl(257, 52%, 51%);
    --color-secondary-lowered: hsl(257, 52%, 46%);
    --color-text-secondary: white;
}

#messages {
    margin: 0 calc(var(--pad-4) * 2) !important;
    padding: 0 !important;
}

input:not([type="checkbox"]):focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 0 4px oklch(80.9% 0.105 251.813 / 25%) !important;
}