/* SYSTEM LAYER — spacing and sizing roles. Alias these, not the ref scale. */
:root {
  --fluid-space-plus-sm-md: clamp(1rem, 0.7146rem + 1.2545vw, 1.875rem);

  --fluid-space-4xs: var(--fluid-scale-4xs);
  --fluid-space-3xs: var(--fluid-scale-3xs);
  --fluid-space-2xs: var(--fluid-scale-2xs);
  --fluid-space-xs: var(--fluid-scale-xs);
  --fluid-space-sm: var(--fluid-scale-sm);
  --fluid-space-md: var(--fluid-scale-md);
  --fluid-space-lg: var(--fluid-scale-lg);
  --fluid-space-xl: var(--fluid-scale-xl);
  --fluid-space-2xl: var(--fluid-scale-2xl);
  --fluid-space-3xl: var(--fluid-scale-3xl);

  --fluid-size-4xs: var(--fluid-scale-4xs);
  --fluid-size-3xs: var(--fluid-scale-3xs);
  --fluid-size-2xs: var(--fluid-scale-2xs);
  --fluid-size-xs: var(--fluid-scale-xs);
  --fluid-size-sm: var(--fluid-scale-sm);
  --fluid-size-md: var(--fluid-scale-md);
  --fluid-size-lg: var(--fluid-scale-lg);
  --fluid-size-xl: var(--fluid-scale-xl);
  --fluid-size-2xl: var(--fluid-scale-2xl);
  --fluid-size-3xl: var(--fluid-scale-3xl);
}