/* generated — edit tokens.mjs, run node design-system/build-css.mjs */
:root {
  --color-black: #101010;
  --color-yellow: #FFD700;
  --color-white: #FFFFFF;
  --surface-dark: #101010;
  --surface-dark-raised: #161719;
  --surface-dark-hover: #202020;
  --surface-dark-selected: #343535;
  --text-on-dark: #FFFFFF;
  --text-on-dark-secondary: #D0D0CD;
  --text-on-dark-muted: #B5B5B6;
  --text-on-dark-placeholder: #8D8D8E;
  --surface-light: #FFFFFF;
  --surface-paper: #F4F4F2;
  --surface-warm: #EFEEE8;
  --text-on-light: #101010;
  --text-on-light-secondary: #494945;
  --text-on-light-muted: #595852;
  --color-yellow-hover: #FFE644;
  --color-yellow-pressed: #E5BF00;
  --color-error-on-dark: #FFB1A5;
  --color-error-on-light: #A42F22;
  --focus-on-dark: #FFD700;
  --focus-on-light: #765700;
  --scrim-on-image: #10101080;
  --wash-dark-hover: #FFFFFF0D;
  --wash-dark-pressed: #FFFFFF1A;
  --color-black-hover: #333333;
  --color-black-pressed: #000000;
  --border-control-dark-hover: #D0D0CD;
  --wash-light-hover: #1010100A;
  --wash-light-pressed: #10101014;
  --backdrop: #000000BB;
  --badge-upcoming-bg: #2B2716;
  --badge-upcoming-border: #FFD70055;
  --border-gift: #D9CBA875;
  --gift-text: #F0EADC;
  --gift-text-muted: #C6BDAB;
  --border-control-dark: #767879;
  --border-control-light: #81817A;
  --line-light: #DEDEDB;
  --line-dark-subtle: #FFFFFF14;
  --line-dark: #FFFFFF24;
  --line-dark-strong: #FFFFFF40;
  --font-sans: Montserrat, Arial, sans-serif;
  --radius-control: 4px;
  --radius-container: 8px;
  --radius-art: 12px;
  --button-height: 56px;
  --button-compact-height: 48px;
  --touch-min: 44px;
  --button-hero-min-width: 224px;
  --shadow-popover: 0 12px 32px #00000066;
  --header-height: 72px;
  --container: 1280px;
  --gutter: var(--space-48);
  --page-inset: max(var(--gutter), calc((100vw - var(--container)) / 2));
  --icon-small: 16px;
  --icon-medium: 20px;
  --icon-large: 24px;
  --icon-stroke: 1.6;
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-panel: 280ms;
  --duration-exit: 150ms;
  --duration-slow: 400ms;
  --duration-art: 700ms;
  --tracking-heading: -0.025em;
  --tracking-price: 0em;
  --price-currency-size: 0.72em;
  --price-currency-gap: -0.06em;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in: cubic-bezier(.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --ease-art: cubic-bezier(.2, .65, .3, 1);
  --scrim-gift-card: linear-gradient(0deg, #101010 0%, #101010E8 14%, #10101060 48%, #10101000 76%);
  --gift-face: radial-gradient(ellipse at 0 0, #3E4145, transparent 70%), linear-gradient(115deg, #1E2022, #0D0E10 85%);
  --scrim-hero: linear-gradient(90deg, #10101066, #10101045 42%, #10101000 72%), linear-gradient(180deg, #10101021, #10101000 24%, #10101000 76%, #101010 100%);
  --scrim-hero-mobile: linear-gradient(180deg, #101010CF, #101010BA 34%, #10101045 58%, #10101000 76%, #101010 100%);
  --scrim-card: linear-gradient(180deg, #101010E8 0%, #101010CC 22%, #10101008 42%, #10101028 52%, #101010E8 78%, #101010FA 100%);
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --weight-regular: 400;
  --weight-medium: 500;
  --type-display: 400 64px/72px var(--font-sans);
  --type-heading-lg: 400 48px/56px var(--font-sans);
  --type-heading-md: 400 32px/40px var(--font-sans);
  --type-heading-sm: 400 24px/32px var(--font-sans);
  --type-lead: 400 20px/32px var(--font-sans);
  --type-body: 400 16px/24px var(--font-sans);
  --type-small: 400 14px/20px var(--font-sans);
  --type-caption: 400 12px/16px var(--font-sans);
  --type-price-lg: 500 48px/56px var(--font-sans);
  --type-price: 500 32px/40px var(--font-sans);
  --type-price-sm: 500 24px/32px var(--font-sans);
  --type-prose: 400 16px/28px var(--font-sans);
}

@media (max-width: 1180px) {
  :root {
    --gutter: var(--space-32);
  }
}

@media (max-width: 720px) {
  :root {
    --gutter: var(--space-20);
    --type-display: 400 32px/40px var(--font-sans);
    --type-heading-lg: 400 32px/40px var(--font-sans);
    --type-heading-md: 400 24px/32px var(--font-sans);
    --type-heading-sm: 400 20px/28px var(--font-sans);
    --type-lead: 400 16px/24px var(--font-sans);
    --type-body: 400 16px/24px var(--font-sans);
    --type-small: 400 14px/20px var(--font-sans);
    --type-caption: 400 12px/16px var(--font-sans);
    --type-price-lg: 500 32px/40px var(--font-sans);
    --type-price: 500 32px/40px var(--font-sans);
    --type-price-sm: 500 24px/32px var(--font-sans);
    --type-prose: 400 16px/28px var(--font-sans);
  }
}