@layer tokens {
  :root {
    --container-width: 1280px;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 2rem;
    --spacing-xl: 4rem;
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    /* Crop anchor for images without an analyzed --focal-point: subjects sit
       high in a tall frame far more often than low. */
    --crop-position: center 25%;
  }
}