// ==========================================================================
// Layout Spacing
// Responsive CSS custom properties for consistent spacing across the site.
// Because $prefix is "hks-", Bootstrap containers already use --hks-gutter-x.
// We override that variable responsively so ALL container types (container,
// container-xl, container-1600, …) automatically get scaling gutters.
// ==========================================================================

// Responsive horizontal padding for edge containers (nav, footer).
// Drives container-edge padding-inline and --hks-navbar-padding-x.
:root {
  --hks-layout-padding-x: #{$layout-padding-x};

  @include media-breakpoint-up(md) {
    --hks-layout-padding-x: #{$layout-padding-x-md};
  }

  @include media-breakpoint-up(lg) {
    --hks-layout-padding-x: #{$layout-padding-x-lg};
  }
}