$column-gap: 0.75rem
$large-column-gap: 1.5rem
$reading-max-width: 50rem
$layout-gap-narrow: 16px
$layout-gap: 24px
$layout-widescreen-width: 1752px
$layout-widescreen-gap: max(24px, 50% - 1752px / 2)
$layout-gap-custom-property-name: --layout-gap
$layout-gap-scalable-custom-property-name: --layout-gap-scalable
$layout-flyout-width-name: --layout-flyout-width
$layout-flyout-width-desktop-custom-property-name: --layout-flyout-width-desktop
$layout-flyout-width-widescreen-custom-property-name: --layout-flyout-width-widescreen
$layout-menu-width-name: --layout-menu-width
$layout-menu-collapsed-width-name: --layout-menu-collapsed-width
$layout-menu-expanded-target-width-name: --layout-menu-expanded-target-width
$layout-aside-width-name: --layout-aside-width
$layout-aside-collapsed-width-name: --layout-aside-collapsed-width
$layout-aside-expanded-target-width-name: --layout-aside-expanded-target-width
$layout-menu-spacer-width-name: --layout-menu-spacer-width
$layout-aside-spacer-width-name: --layout-aside-spacer-width