:root { --font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif; --surface: #fdfdfb; --surface-raised: #ffffff; --ink: #171b19; --ink-muted: #5b615d; --ink-faint: #686e6a; --line: #d8dbd7; --line-strong: #a7aca7; --step--1: 0.75rem; --step-0: 1rem; --step-1: 1.25rem; --step-2: clamp(1.75rem, 1.3rem + 1.7vw, 2.5rem); --step-display: clamp(2.5rem, 5.5vw, 5.5rem); --leading-tight: 1.12; --leading-normal: 1.75; --measure: 45rem; --rail: 78rem; --stage: 112.5rem; --pad: clamp(1.25rem, 1rem + 2vw, 3rem); --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 1rem; --space-4: 1.5rem; --space-5: 2.5rem; --space-6: clamp(3.5rem, 2.2rem + 4vw, 6rem); --space-7: clamp(5rem, 3rem + 6vw, 9rem); --header-h: 4rem; --dur-quick: 140ms; --ease: cubic-bezier(.25, 1, .35, 1); } @media (min-width: 120rem) { :root { --rail: 80rem; --stage: 112.5rem; } } @media (max-width: 20rem) { :root { --pad: 1rem; } }