/* Generated from brand/tokens.json by tools/tokens/build.mjs. Do not edit by hand. */
:root {
  --soho-color-gallery: #F7F6F2;
  --soho-color-bone: #EEEBE4;
  --soho-color-plaster: #DDD9D0;
  --soho-color-fog: #9C9A93;
  --soho-color-graphite: #2B2B2B;
  --soho-color-iron: #111111;
  --soho-color-klein: #1F3BFF;
  --soho-color-klein-deep: #1530CC;
  --soho-color-klein-tint: #E8ECFF;
  --soho-color-verified: #2F7A4E;
  --soho-color-alert: #C8372D;
  --soho-color-notice: #B7791F;
  --soho-font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --soho-font-sans: Geist, 'Helvetica Neue', Arial, sans-serif;
  --soho-font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --soho-type-display-size: clamp(3.5rem, 8vw, 8rem);
  --soho-type-display-line: 0.95;
  --soho-type-display-track: -0.02em;
  --soho-type-display-weight: 400;
  --soho-type-display-family: var(--soho-font-display);
  --soho-type-h1-size: clamp(2.5rem, 5.5vw, 5rem);
  --soho-type-h1-line: 1;
  --soho-type-h1-track: -0.015em;
  --soho-type-h1-weight: 400;
  --soho-type-h1-family: var(--soho-font-display);
  --soho-type-h2-size: clamp(2rem, 4vw, 3.5rem);
  --soho-type-h2-line: 1.05;
  --soho-type-h2-track: -0.01em;
  --soho-type-h2-weight: 400;
  --soho-type-h2-family: var(--soho-font-display);
  --soho-type-h3-size: clamp(1.5rem, 2.5vw, 2rem);
  --soho-type-h3-line: 1.15;
  --soho-type-h3-track: 0;
  --soho-type-h3-weight: 400;
  --soho-type-h3-family: var(--soho-font-display);
  --soho-type-h4-size: 1.25rem;
  --soho-type-h4-line: 1.3;
  --soho-type-h4-track: 0;
  --soho-type-h4-weight: 500;
  --soho-type-h4-family: var(--soho-font-sans);
  --soho-type-body-lg-size: 1.1875rem;
  --soho-type-body-lg-line: 1.55;
  --soho-type-body-lg-track: 0;
  --soho-type-body-lg-weight: 400;
  --soho-type-body-lg-family: var(--soho-font-sans);
  --soho-type-body-size: 1.0625rem;
  --soho-type-body-line: 1.6;
  --soho-type-body-track: 0;
  --soho-type-body-weight: 400;
  --soho-type-body-family: var(--soho-font-sans);
  --soho-type-small-size: 0.875rem;
  --soho-type-small-line: 1.5;
  --soho-type-small-track: 0;
  --soho-type-small-weight: 400;
  --soho-type-small-family: var(--soho-font-sans);
  --soho-type-eyebrow-size: 0.75rem;
  --soho-type-eyebrow-line: 1.2;
  --soho-type-eyebrow-track: 0.14em;
  --soho-type-eyebrow-weight: 500;
  --soho-type-eyebrow-family: var(--soho-font-sans);
  --soho-type-eyebrow-transform: uppercase;
  --soho-type-button-size: 0.8125rem;
  --soho-type-button-line: 1;
  --soho-type-button-track: 0.12em;
  --soho-type-button-weight: 500;
  --soho-type-button-family: var(--soho-font-sans);
  --soho-type-button-transform: uppercase;
  --soho-type-mono-size: 0.8125rem;
  --soho-type-mono-line: 1.6;
  --soho-type-mono-track: 0;
  --soho-type-mono-weight: 400;
  --soho-type-mono-family: var(--soho-font-mono);
  --soho-type-wordmark-size: 1.25rem;
  --soho-type-wordmark-line: 1;
  --soho-type-wordmark-track: 0.18em;
  --soho-type-wordmark-weight: 300;
  --soho-type-wordmark-family: var(--soho-font-sans);
  --soho-type-wordmark-transform: uppercase;
  --soho-space-1: 4px;
  --soho-space-2: 8px;
  --soho-space-3: 12px;
  --soho-space-4: 16px;
  --soho-space-5: 24px;
  --soho-space-6: 32px;
  --soho-space-7: 48px;
  --soho-space-8: 64px;
  --soho-space-9: 96px;
  --soho-space-10: 128px;
  --soho-space-11: 160px;
  --soho-space-12: 200px;
  --soho-section-mobile: 96px;
  --soho-section-desktop: 160px;
  --soho-container-max: 1440px;
  --soho-container-wide: 1680px;
  --soho-container-prose: 720px;
  --soho-container-gutter-mobile: 20px;
  --soho-container-gutter-desktop: 40px;
  --soho-grid-columns-mobile: 4;
  --soho-grid-columns-tablet: 8;
  --soho-grid-columns-desktop: 12;
  --soho-grid-gap-mobile: 16px;
  --soho-grid-gap-desktop: 24px;
  --soho-bp-sm: 480px;
  --soho-bp-md: 768px;
  --soho-bp-lg: 1024px;
  --soho-bp-xl: 1280px;
  --soho-bp-2xl: 1536px;
  --soho-radius-none: 0;
  --soho-radius-hair: 2px;
  --soho-radius-pill: 999px;
  --soho-border-hairline: 1px solid #DDD9D0;
  --soho-border-hairline-dark: 1px solid #2B2B2B;
  --soho-shadow-none: none;
  --soho-shadow-float: 0 24px 48px -24px rgba(17,17,17,0.18);
  --soho-duration-fast: 160ms;
  --soho-duration-base: 300ms;
  --soho-duration-slow: 600ms;
  --soho-duration-reveal: 900ms;
  --soho-duration-hero: 1400ms;
  --soho-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --soho-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --soho-ease-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
  --soho-stagger: 60ms;
  --soho-z-base: 0;
  --soho-z-sticky: 10;
  --soho-z-nav: 20;
  --soho-z-overlay: 30;
  --soho-z-modal: 40;
  --soho-z-toast: 50;
  --soho-aspect-product: 4 / 5;
  --soho-aspect-editorial: 3 / 2;
  --soho-aspect-wide: 16 / 9;
  --soho-aspect-portrait-video: 9 / 16;
  --soho-aspect-square: 1 / 1;
}