:root {
    --brand: #013827;
    --brand-hover: #025236;
    --brand-light: #f2f8f5;
    --brand-mid: #d0e8db;
}

html, body {
    font-family: 'Inter', 'Helvetica Neue', sans-serif;
    margin: 0;
    padding: 0;
}

button, a[href], [role="button"], label { cursor: pointer; }

#blazor-error-ui[data-nosnippet] { display: none; }

.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }
.invalid { outline: 1px solid #e50000; }
.validation-message { color: #e50000; }