:root {
    --font-sans: 'Inter', sans-serif;
    --font-serif: 'Playfair Display', serif;

    --color-background: #F8F5F0;
    --color-secondary-bg: #FCFAF7;
    --color-tertiary-bg: #F5EFE6;
    --color-surface: rgba(248, 245, 240, 0.84);
    --color-surface-soft: rgba(245, 239, 230, 0.86);
    --color-charcoal: #25211D;
    --color-charcoal-strong: #1F1F1F;
    --color-gray: #72685E;
    --color-gray-soft: rgba(37, 33, 29, 0.62);
    --color-gold: #C6A23E;
    --color-gold-strong: #C8A14A;
    --color-gold-soft: #D8C08A;
    --color-border: #E7DED1;
    --color-border-strong: rgba(37, 33, 29, 0.12);
    --color-white: #FFFFFF;
    --color-footer: #1E1B18;

    --announcement-height: 40px;
    --header-height: 84px;
    --trust-bar-height: 88px;
    --homepage-marquee-height: 62px;

    --container-max: 1440px;
    --container-padding: 80px;
    --container-padding-tablet: 48px;
    --container-padding-mobile: 24px;
    --container-padding-mobile-tight: 18px;
    --container-padding-mobile-xs: 16px;

    --section-space-xl: 120px;
    --section-space-lg: 104px;
    --section-space-md: 72px;
    --section-space-sm: 56px;
    --section-space-xs: 32px;

    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --radius-pill: 999px;

    --icon-sm: 16px;
    --icon-md: 18px;
    --icon-lg: 24px;

    --button-height: 48px;
    --button-height-lg: 56px;
    --button-height-sm: 40px;
    --button-radius: 0;

    --ratio-product: 3 / 4;
    --ratio-portrait: 4 / 5;
    --ratio-square: 1 / 1;
    --ratio-editorial: 1 / 1.2;

    --type-nav-size: 13px;
    --type-nav-tracking: 2.2px;
    --type-label-size: 11px;
    --type-label-tracking: 2px;
    --type-kicker-size: 12px;
    --type-kicker-tracking: 3px;
    --type-body-size: 16px;
    --type-body-line: 1.8;
    --type-body-compact-size: 14px;
    --type-body-compact-line: 1.7;
    --type-heading-hero: 64px;
    --type-heading-xl: 56px;
    --type-heading-lg: 40px;
    --type-heading-md: 36px;
    --type-heading-sm: 30px;
    --type-heading-xs: 24px;
    --type-product-title-size: 16px;
    --type-product-title-weight: 500;
    --type-product-meta-size: 12px;
    --type-product-meta-tracking: 1.5px;
    --type-product-price-size: 16px;
}