:root {
    --navy: #001c38;
    --navy-2: #14284d;
    --ink: #001c38;
    --muted: #5f6d7c;
    --line: #e5e9ef;
    --line-strong: #c6d0da;
    --paper: #ffffff;
    --canvas: #f5f7f9;
    --wash: #f4f6f8;
    --teal: #395c80;
    --teal-dark: #001c38;
    --gold: #a8976a;
    --danger: #b84c54;
}

html, body {
    margin: 0;
    min-height: 100%;
    background: var(--canvas);
    color: var(--ink);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

button,
input,
textarea,
select {
    font: inherit;
}

button,
input,
select {
    font-family: "Poppins", "Inter", sans-serif;
}

button:focus-visible {
    outline: 3px solid rgba(57, 92, 128, 0.22);
    outline-offset: 2px;
}

#blazor-error-ui {
    display: none;
}