@import './colors';

$percent: 0.15;

// Header
$header-padding-x: 15px;
$header-bg-color: $gray-16;

// Buttons
$button_height: 40px;
$button_height--small: 28px;
$button_height--large: 80px;
$button_padding: 8px 24px;
$button_padding--small: 5px 13px;
$button_border-radius: 2px;
$button_border-radius--small: 3px;
$button_box-shadow: 0 2px 2px 0 darker($percent);
$button_card-box-shadow: 0px 2px 3px 1px darker($percent), 0px 0px 2px 0.1px darker($percent * 2);

// Collapsible
$collapsible-group_padding: 20px;

// Edition/Addons
$edition-button-margin-top: 20px;
$edition-padding-x: 28px;
$edition-padding-y: 30px;
$edition-with-button-padding-bottom: $edition-padding-y + $edition-button-margin-top;

// Selected Edition/Addons
$selected-edition-img-size: 60px;
$selected-edition-img-spacing: 25px;
$selected-edition-img-size-mobile: 36px;
$selected-edition-img-spacing-mobile: 12px;

// Orderable containers
$orderable-container-padding: var(--orderable-container-padding, 30px);

// Footer
$footer-padding: 30px;
$footer-logo-spacing-x: 65px;
$footer-nav-spacing-y: 20px;
$footer-nav-item-spacing-x: 22px;
$footer-nav-item-spacing-y: 15px;
$footer-copyright-spacing-x: 20px;
$footer-title-spacing-bottom: 7px;

$footer-text-color: $gray-28;
$footer-bg-color: $gray-92;

// Header
$header-nav-bg-color: $gray-92;
$header-nav-bar-padding: 10px;
$header-nav-item-spacing: 10px;
$header-nav-border-color: transparent;
$header-nav-link-color: $gray-28;
$header-nav-link-hover-color: $gray-34;
$header-nav-link-active-color: $gray-34;

$header-aux-bar-bg-color: $gray-92;
$header-aux-bar-border-color: transparent;

$header-cat-menu-bg-color: $white;
$header-cat-menu-bg-color-hover: rgba(0, 0, 0, 0.05);
$header-cat-items-height: 44px;
$header-cat-carets-opacity: 0.5;

$header-scrim-bg-color: rgba(71, 71, 71, 0.6);

$header-announ-bg-color: $gray-87;

$header-dropdown-arrow-icon-width: 10px;
$header-dropdown-arrow-spacing: 6px;
$header-nav-item-sub-menu-vertical-offset: 10px;
