/* Shared by Next pages and server-rendered collection pages. */
:root {
  --store-bg: #0a0a08;
  --store-surface: #151510;
  --store-surface-raised: #1e1e19;
  --store-cream: #f0e9dc;
  --store-text: #bdb7ac;
  --store-muted: #aaa497;
  --store-gold: #c9ae76;
  --store-gold-light: #e5cf9f;
  --store-border: #c9ae7633;
  --store-border-strong: #c9ae7666;
  --store-hover: #c9ae7614;
  --store-line: #ffffff18;
  --store-body-font: 'Jost', sans-serif;
  --store-heading-font: 'Cormorant Garamond', serif;
  --store-caption-size: 0.8125rem;
  --store-label-size: 0.875rem;
  --store-body-size: 1rem;
  --store-intro-size: 1.125rem;
  --store-price-size: 1.25rem;
  --store-card-title-size: clamp(1.5rem, 2vw, 1.875rem);
  --store-section-size: clamp(2rem, 3.5vw, 2.75rem);
  --store-title-size: clamp(2.5rem, 5vw, 4.125rem);
  --store-space-small: 0.75rem;
  --store-space-medium: 1.5rem;
  --store-space-large: 2rem;
  --store-section-space: clamp(2.5rem, 6vw, 5rem);
  --store-radius: 4px;
  --store-content-width: 1240px;
}

.premium-store, .premium-product-page, .customer-page, .collection-page {
  color: var(--store-text);
  font-family: var(--store-body-font);
  font-size: var(--store-body-size);
}

:is(.premium-store, .premium-product-page, .customer-page, .collection-page) :is(button, input, select, textarea) { font-family: inherit; }
:is(.premium-store, .premium-product-page, .customer-page, .collection-page) :is(a, button, input, select, summary):focus-visible { outline: 2px solid var(--store-gold-light); outline-offset: 4px; }