:root {
    --kaju-orange: #ff7a2f;
    --kaju-orange-hover: #ff8f4f;
    --kaju-nut-dark: #2d3142;
    --kaju-section: #383a4a;
    --kaju-bg: #f8f9fc;
    --kaju-surface: #ffffff;
    --kaju-field-bg: #f8fafc;
    --kaju-field-border: #d2cde1;
    --kaju-text-strong: #171d2f;
    --kaju-text-muted: #636e8b;
    --kaju-border: #dde2ef;
    --kaju-danger: #ef4444;
    --kaju-hero-top: #263552;
    --kaju-hero-bottom: #1c2438;
}

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

html,
body {
    margin: 0;
    min-height: 100%;
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 14px;
    color: var(--kaju-text-strong);
    background: var(--kaju-bg);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, p {
    margin: 0;
}

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

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

.validation-message {
    color: #e50000;
}

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