:root {
    color-scheme: light;
    --bg: #ffffff;
    --surface: #0b0f16;
    --surface-strong: #111827;
    --surface-soft: #151c27;
    --line: rgba(255, 255, 255, 0.1);
    --line-strong: rgba(255, 255, 255, 0.18);
    --text: #111827;
    --text-muted: #475569;
    --text-soft: #64748b;
    --shadow: 0 22px 56px rgba(0, 0, 0, 0.38);
    --success: #21d18d;
    --success-soft: rgba(33, 209, 141, 0.14);
    --warning: #f5b84b;
    --warning-soft: rgba(245, 184, 75, 0.16);
    --danger: #ff6b5f;
    --danger-soft: rgba(255, 107, 95, 0.16);
    --neutral-soft: rgba(148, 163, 184, 0.14);
    --neutral-strong: #94a3b8;
    --radius-xl: 20px;
    --radius-lg: 16px;
    --radius-md: 12px;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    background: #ffffff;
    color: var(--text);
    font-family: "SUIT Variable", "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
}

body {
    min-height: 100vh;
}

img {
    max-width: 100%;
}

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

a {
    color: inherit;
}

.app-root {
    min-height: 100vh;
    background: #ffffff;
}

#blazor-error-ui {
    background: #111827;
    color: #f8fafc;
    bottom: 0;
    display: none;
    left: 0;
    padding: 0.9rem 1.1rem;
    position: fixed;
    right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.34);
}

#blazor-error-ui .reload {
    margin-left: 12px;
}

#blazor-error-ui .dismiss {
    float: right;
    cursor: pointer;
}

.loading-progress,
.loading-progress-text {
    display: none;
}