// New z-indexes
// Always use these and base local specific z-index on these, for example z-index: $z-modal + 1
$z-default: 1;
$z-tooltip: 100;
$z-header: 200;
$z-modal: 300;
$z-takeover: 400;

// Old z-indexes, kept for backwards compatibility

$z-index-below-default: $z-default - 1;
$z-index-default: $z-default;
$z-index-above-default: $z-default + 1;

$z-index-feature-feedback-background: $z-default + 10;
$z-index-feature-feedback: $z-default + 11;

$z-index-tooltip: $z-tooltip;

$z-index-header-overlay: $z-header - 1;
$z-index-navigation: $z-header;
$z-index-search-suggestions: $z-header + 1;
$z-index-search-input: $z-header + 2;

$z-index-hamburger-menu: $z-header;
$z-index-hamburger-bg: $z-header - 1;
$z-index-hamburger-overlay-menu: $z-header + 2;

$z-index-modal-background: $z-modal;
$z-index-modal: $z-modal + 1;
$z-index-modal-overlay: $z-modal + 2;
$z-index-modal-overlay-error: $z-modal + 3;

$z-index-feature-feedback-over-modal-background: $z-modal + 10;
$z-index-feature-feedback-over-modal: $z-modal + 11;

$z-index-page-takeover: $z-takeover;