/* Generated from src/design-system/tokens.js. Edit source, then build. */
:root {
  --color-white: #FFFFFF;
  --color-graphite: #171717;
  --color-moon: #B9BCC1;
  --color-mist: #EEEEEC;
  --color-pearl: #F7F6F3;
  --color-canvas: var(--color-white);
  --color-text: var(--color-graphite);
  --color-surface: var(--color-pearl);
  --color-divider: var(--color-mist);
  --color-action: var(--color-graphite);
  --color-focus: var(--color-graphite);
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "Manrope", Arial, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-h1: clamp(3rem, 7vw, 6.5rem);
  --text-h2: clamp(2.5rem, 4.5vw, 4.5rem);
  --text-h3: clamp(2rem, 3vw, 3rem);
  --text-mobile-hero: clamp(2.75rem, 12vw, 4.25rem);
  --weight-regular: 400;
  --weight-medium: 500;
  --line-tight: 1.04;
  --line-heading: 1.12;
  --line-body: 1.65;
  --line-label: 1.5;
  --tracking-display: -0.035em;
  --tracking-label: 0.14em;
  --tracking-wordmark: 0.075em;
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 10rem;
  --container-page: 90rem;
  --container-reading: 38rem;
  --container-wide-text: 52rem;
  --container-review-mobile: 24.375rem;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --grid-gap: clamp(1.5rem, 3vw, 3rem);
  --section-space: clamp(2.5rem, 4vw, 4rem);
  --border-width: 1px;
  --border-strong: 2px;
  --radius-none: 0;
  --radius-control: 0;
  --shadow-none: none;
  --control-height: 3rem;
  --touch-target: 2.75rem;
  --header-height: 5.5rem;
  --header-desktop-height: 6.5rem;
  --ratio-product: 1 / 1;
  --ratio-portrait: 4 / 5;
  --ratio-editorial: 1 / 1;
  --ratio-landscape: 3 / 2;
  --z-base: 0;
  --z-header: 20;
  --z-menu: 30;
  --z-sticky: 40;
  --z-skip: 50;
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-normal: 180ms;
  --duration-slow: 280ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --focus-offset: 4px;
  --image-hero-max: 36rem;
  --image-thumb-width: 5rem;
  --image-mini-width: 18rem;
  --carousel-card-width: 18rem;
  --menu-width: min(21rem, calc(100vw - 2.5rem));
  --nav-gap: 2rem;
  --hero-gap: clamp(2rem, 7vw, 7rem);
  --lettering-size: clamp(1.125rem, 2vw, 1.375rem);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --preview-height: 52.75rem;
  --preview-tablet-width: 48rem;
  --image-mini-mobile-width: 70%;
  --carousel-mobile-card: 80%;
  --campaign-height: clamp(32rem, 46vw, 46rem);
  --signature-width: clamp(10rem, 19vw, 17rem);
  --fashion-gap: clamp(0.75rem, 1.5vw, 1.5rem);
  --fashion-gutter: clamp(1rem, 2.8vw, 3rem);
  --fashion-header-height: 5rem;
  --fashion-product-ratio: 1 / 1;
  --fashion-title: clamp(2rem, 3.8vw, 4rem);
  --gaze-title: clamp(4rem, 9vw, 9rem);
  --campaign-duration: 600ms;
  --product-zoom: 1.04;
  --opacity-muted: 0.72;
  --opacity-disabled: 0.55;
  --opacity-hover: 0.88;
}