$grid-breakpoints: (
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1600px
);

$container-max-widths: (
    sm: 96%,
    md: 96%,‚
    lg: 96%,
    xl: 96%,
    xxl: 1536px
);

$spaces: (
    none: var(--kern-metric-space-none),
    xxs: var(--kern-metric-space-2x-small),
    xs: var(--kern-metric-space-x-small),
    sm: var(--kern-metric-space-small),
    md: var(--kern-metric-space-default),
    lg: var(--kern-metric-space-large),
    xl: var(--kern-metric-space-x-large),
);