// ============================================================================
// :: Layout
// ============================================================================
/**
 * This file contains any layout and component options that should be globally
 * defined. These values are to be used within other components and help define
 * the layout and structure.
 */

// ============================================================================
// :: Dimensions
// ============================================================================
// container spacing
$container-spacing-mobile-default: 2rem;
$container-spacing-tablet-default: 4rem;
$container-spacing-desktop-default: 8rem;
$container-spacing-desktop-large: 8rem;

// container width
$container-width-default: 100%;
$container-width-1x-small: 69rem;
$container-width-1x-medium: 85rem;
$container-width-1x-large: 144rem;

// header height
$header-height-mobile: 6.5rem;
$header-height-desktop: 7.8rem;

// grid spacing
$grid-spacing-mobile-default: 2rem;
$grid-spacing-tablet-default: 3rem;
$grid-spacing-desktop-default: 4rem;
$grid-spacing-desktop-large: 4rem;

// Menu
$menu-min-width-desktop: 11rem;

// ============================================================================
// :: z-index
// ============================================================================
$z-index-atmosphere: 9999;
$z-index-sky: 1000;
$z-index-roof: 100;
$z-index-floor: 10;
$z-index-ground: 1;
$z-index-cellar: 0;
$z-index-pit: -1;

// ============================================================================
// :: Border
// ============================================================================
$border-width-base: 0.1rem;
$border-width-1x-large: 0.2rem;

// ============================================================================
// :: Border radius
// ============================================================================
$border-radius-1x-large: 1.2rem;
$border-radius-base: 0.6rem;
$border-radius-round: 50%;

// ============================================================================
// :: Box shadow
// ============================================================================
$box-shadow-base: 0.2rem 0.4rem 3rem $shadow-color-base;
$box-shadow-light: 0.2rem 0.4rem 2rem $shadow-color-light;