:root {
    --portal-blue-950: #052b63;
    --portal-blue-900: #073b84;
    --portal-blue-700: #0d62c8;
    --portal-blue-600: #1479e6;
    --portal-blue-100: #dcecff;
    --portal-cyan-100: #d9f6ff;
    --portal-green-100: #dff8ef;
    --portal-green-700: #0f8a61;
    --portal-amber-100: #fff0cf;
    --portal-amber-700: #ba6b00;
    --portal-red-100: #ffe2e2;
    --portal-red-700: #c93636;
    --portal-purple-100: #eee6ff;
    --portal-purple-700: #7950d8;
    --portal-ink: #14213d;
    --portal-muted: #64748b;
    --portal-line: #d8e4f4;
    --portal-card: rgba(255, 255, 255, 0.92);
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
}

body {
    color: var(--portal-ink);
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    background: #eef5ff;
}

a {
    color: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

.content {
    padding-top: 0;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: #b32121;
    color: white;
    padding: 1rem;
}

.blazor-error-boundary::after {
    content: "Ocorreu um erro.";
}