:root {
    --pg-color-bg: #ffffff;
    --pg-color-bg-soft: #faf9f5;
    --pg-color-surface: #ffffff;
    --pg-color-surface-alt: #f6f3ea;
    --pg-color-surface-strong: #ece8dd;
    --pg-color-text: #282828;
    --pg-color-text-secondary: #4a4a4a;
    --pg-color-text-muted: #6c6c6c;
    --pg-color-line: #e8e8e8;
    --pg-color-line-strong: #d9d9d9;
    --pg-color-accent: #6f7642;
    --pg-color-accent-deep: #7a7443;
    --pg-color-accent-peanut: #8d6e3b;
    --pg-color-accent-beige: #ddd4bd;
    --pg-color-white: #ffffff;
    --pg-font-sans: "Pretendard", "Noto Sans KR", sans-serif;
    --pg-font-size-nav: 15px;
    --pg-font-size-hero: clamp(2.5rem, 7vw, 5.5rem);
    --pg-font-size-hero-eyebrow: clamp(1.5rem, 2.3vw, 1.9rem);
    --pg-font-size-display: clamp(1.875rem, 3vw, 2.25rem);
    --pg-font-size-title: 36px;
    --pg-font-size-card-title: 16px;
    --pg-font-size-card-price: 16px;
    --pg-font-size-body-lg: 22px;
    --pg-font-size-body: 15px;
    --pg-font-size-body-sm: 14px;
    --pg-font-size-caption: 12px;
    --pg-font-size-footer-heading: 22px;
    --pg-font-size-footer-body: 15px;
    --pg-line-tight: 1.05;
    --pg-line-title: 1.2;
    --pg-line-body: 1.58;
    --pg-letter-tight: -0.03em;
    --pg-letter-title: -0.01em;
    --pg-letter-body: 0;
    --pg-letter-eyebrow: 0.14em;
    --pg-header-height: 81px;
    --pg-header-height-mobile: 45px;
    --pg-logo-width: 252px;
    --pg-logo-width-mobile: 129px;
    --pg-container: 1280px;
    --pg-container-wide: 1280px;
    --pg-content-gutter: 40px;
    --pg-content-gutter-mobile: 16px;
    --pg-hero-ratio-desktop: 1280 / 551;
    --pg-hero-ratio-mobile: 390 / 560;
    --pg-hero-min-height: 420px;
    --pg-hero-max-height: 680px;
    --pg-hero-min-height-mobile: 420px;
    --pg-hero-overlay-max: 460px;
    --pg-hero-overlay-gutter: 40px;
    --pg-hero-overlay-gutter-mobile: 16px;
    --pg-hero-control-size: 64px;
    --pg-hero-pagination-offset: 14px;
    --pg-hero-pagination-width: 178px;
    --pg-section-space: 56px;
    --pg-section-space-large: 64px;
    --pg-section-space-mobile: 40px;
    --pg-gap: 24px;
    --pg-gap-tight: 8px;
    --pg-gap-grid: 0px;
    --pg-radius: 0px;
    --pg-radius-sm: 0px;
    --pg-radius-pill: 16px;
}