:root {
 --color-paper: oklch(1 0 0); --color-canvas: oklch(.974 .002 250); --color-line: oklch(.903 .004 250);
 --color-ink: oklch(.24 .007 250); --color-muted: oklch(.48 .008 250);
 --color-accent: oklch(.72 .21 148); --color-action: oklch(.44 .12 150); --color-tint: oklch(.967 .025 149);
 --color-price: oklch(.49 .16 251); --color-danger: oklch(.49 .17 25); --color-warning: oklch(.96 .035 85);
 --color-overlay: oklch(.2 .01 250 / .38); --color-shadow: oklch(.2 .01 250 / .12);
 --font-body: 'Noto Sans KR', 'Malgun Gothic', system-ui, sans-serif; --font-display: var(--font-body);
 --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px;
 --text-small: 13px; --text-body: 15px; --text-title: clamp(24px, 2.4vw, 32px);
 --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px;
 --ease-out: cubic-bezier(.16,1,.3,1); --ease-in: cubic-bezier(.7,0,.84,0); --ease-in-out: cubic-bezier(.65,0,.35,1); --dur-fast: 120ms;
 --ink: var(--color-ink); --muted: var(--color-muted); --line: var(--color-line); --bg: var(--color-canvas);
 --gold: var(--color-accent); --green: var(--color-action); --red: var(--color-danger);
}