/* Shared structural design tokens: type scale, spacing, radius, container, easing and timing. Colors, shadows tinted with the brand color,
   the font family and the @font-face declarations are the client theme and live in theme.css. */
:root {
  /* type */
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.5rem, 1.2rem + 1.3vw, 2.125rem);
  --fs-2xl: clamp(2rem, 1.3rem + 3vw, 3.5rem);
  --fs-display: clamp(2.75rem, 1.6rem + 5.4vw, 5.25rem);

  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;

  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --shadow-dark: 0 1px 2px rgb(0 0 0 / 20%), 0 16px 40px rgb(0 0 0 / 22%);
  --container: 72rem;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 140ms;
  --t-step: 260ms;
}