/* Shared spacing and type-step. Color and typeface live in each look.css. */
:root {
  --step--1: 0.8125rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: 1.5625rem;
  --step-3: clamp(1.7rem, 1.1rem + 2vw, 2.35rem);
  --step-4: clamp(2rem, 1.15rem + 3.2vw, 3.25rem);
  --step-5: clamp(2.6rem, 1.2rem + 5vw, 4.8rem);

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.25rem;
  --space-2xl: 3.5rem;
  --space-3xl: clamp(3.25rem, 6vw, 6rem);
  --gutter: clamp(1rem, 4vw, 2rem);
  --tap: 2.75rem;
  --font-size-xs: var(--step--1);
  --font-size-sm: var(--step--1);
  --font-size-md: var(--step-0);
  --font-size-lg: var(--step-1);
  --font-size-xl: var(--step-2);
  --font-size-2xl: var(--step-3);
  --font-size-3xl: var(--step-4);
  --line-tight: 1.18;
  --line-snug: 1.35;
  --line-body: 1.62;
  --measure: 38rem;
  --header-h: 4.1rem;
  --ease: 160ms ease;
}