:root {
    --bg: #f3f5f9;
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --text: #111827;
    --text-sub: #667085;
    --line: #e5e7eb;
    --primary: #5b5cf0;
    --primary-soft: #eef0ff;
    --accent-soft: #fff3e8;
    --accent-text: #d86400;
    --shadow: 0 10px 26px rgba(17, 24, 39, 0.05);
    --radius-xl: 26px;
    --radius-lg: 22px;
    --radius-md: 16px;
    --radius-sm: 12px;
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --max-width: 760px;
    --transition-fast: 160ms ease;
    --transition-normal: 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: auto;
}

body {
    margin: 0;
    background: linear-gradient(to bottom, #f7f8fc 0%, #eef2f7 100%);
    color: var(--text);
    font-family:
        "Pretendard",
        "Apple SD Gothic Neo",
        "Noto Sans KR",
        "Malgun Gothic",
        sans-serif;
    -webkit-text-size-adjust: 100%;
}

a,
button {
    color: inherit;
    text-decoration: none;
    font: inherit;
}

button {
    border: 0;
    background: none;
    cursor: pointer;
}

img {
    display: block;
    max-width: 100%;
}

[hidden] {
    display: none !important;
}

.is-pressed {
    transform: scale(0.985);
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}