/* Retailist suite tokens, adapted from retaili.st/src/styles/global.css. */
@font-face {
  font-family: 'Bricolage Grotesque Variable';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/assets/bricolage-grotesque-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Figtree Variable';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('/assets/figtree-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('/assets/jetbrains-mono-latin.woff2') format('woff2');
}
:root {
  color-scheme: light;
  --color-paper: oklch(97.8% 0.008 92);
  --color-paper-2: oklch(95.4% 0.01 92);
  --color-ink: oklch(20% 0.02 270);
  --color-ink-2: oklch(38% 0.022 268);
  --color-muted: oklch(49% 0.02 265);
  --color-rule: oklch(88.5% 0.01 92);
  --color-focus: oklch(50% 0.17 262);
  --color-clear: transparent;
  --font-display: 'Bricolage Grotesque Variable', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Figtree Variable', ui-sans-serif, system-ui, sans-serif;
  --font-brand-label: 'JetBrains Mono Variable', ui-monospace, monospace;
  --logo-mark-size: 2rem;
  --logo-wordmark-width: 6.55rem;
  --logo-identity-gap: 0.55rem;
  --logo-product-gap: 0.18rem;
  --logo-product-size: 0.58rem;
  --logo-cloud-height: clamp(1.5rem, calc(1.125rem + 1.15vw), 2rem);
  --logo-cloud-wordmark-width: calc(var(--logo-cloud-height) * 2.6);
  --logo-cloud-product-size: clamp(0.4375rem, calc(0.35rem + 0.15vw), 0.5rem);
  --logo-cloud-column-gap: clamp(1rem, 3vw, 3rem);
  --logo-woo-scale: 0.7;
  --logo-local-scale: 0.88;
  --logo-local-label-size: clamp(0.75rem, calc(0.625rem + 0.25vw), 0.875rem);
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: clamp(1.125rem, 1.4vw, 1.375rem);
  --text-display: clamp(3.5rem, 7.5vw, 6.75rem);
  --text-display-mobile: clamp(2.625rem, 9.6vw, 4.25rem);
  --rule-width: 1px;
  --radius-control: 0.375rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.32, 0, 0.67, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-short: 150ms;
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --color-paper: oklch(14.5% 0.015 270);
  --color-paper-2: oklch(18% 0.017 270);
  --color-ink: oklch(95% 0.008 92);
  --color-ink-2: oklch(80% 0.012 92);
  --color-muted: oklch(69% 0.014 92);
  --color-rule: oklch(28% 0.02 270);
  --color-focus: oklch(74% 0.12 262);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --color-paper: oklch(14.5% 0.015 270);
    --color-paper-2: oklch(18% 0.017 270);
    --color-ink: oklch(95% 0.008 92);
    --color-ink-2: oklch(80% 0.012 92);
    --color-muted: oklch(69% 0.014 92);
    --color-rule: oklch(28% 0.02 270);
    --color-focus: oklch(74% 0.12 262);
  }
}