@layer design-system.settings,design-system.atoms,design-system.layout,design-system.components;:root{--container-max-width-narrow: 58ch;--container-max-width: 76ch;--gutter-min: 1rem;--gutter-max: 1.5rem;--gutter: clamp(var(--gutter-min), 6vw, var(--gutter-max));--gap-s: 1.5rem;--gap: 2rem;--gap-l: 3rem;--gap-xl: 4rem;--breakpoint-xs: 30.375rem;--breakpoint-s: 36rem;--breakpoint-m: 48rem;--breakpoint-l: 62rem;--breakpoint-xl: 75rem}