/**
 *
 * @ai-apps/angular v2.152.0 | _theme.scss
 *
 * Copyright 2014, 2023 IBM
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0

 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */


//
// Copyright IBM Corp. 2016, 2018
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

@import '../../globals/scss/colors';

//----------------------------------------------------------------------------
// Header tokens
//----------------------------------------------------------------------------
/// Header bar background
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-bg-01: $carbon--gray-100;

/// Header menu trigger hover, Header nav link hover
/// @type Color
/// @access private
/// @group ui-shell
/// TODO needs color var gray-100-hover
$shell-header-bg-02: #2c2c2c;

/// Header action active background
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-bg-03: $carbon--gray-80;

/// Header submenu link hover
/// @type Color
/// @access private
/// @group ui-shell
/// TODO needs color var gray-90-hover
$shell-header-bg-04: #353535;

/// Header nav link active and focus background
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-bg-05: $carbon--gray-70;

/// Header nav link submenu
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-bg-06: $carbon--gray-90;

/// Header border bottom
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-border-01: $carbon--gray-80;

/// Header focus
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-focus: $carbon--white-0;

/// Primary text in header, Title text
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-text-01: $carbon--gray-10;

/// Secondary text in header, Menu item nav text
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-text-02: $carbon--gray-30;

/// Header menu trigger
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-icon-01: $carbon--gray-10;

/// Header bar icons
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-icon-02: $carbon--white-0;

/// Header bar icons
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-icon-03: $carbon--gray-30;

/// Item link
/// @type Color
/// @access private
/// @group ui-shell
$shell-header-link: $carbon--blue-60;

//----------------------------------------------------------------------------
// Header Panel tokens
//----------------------------------------------------------------------------

/// Header-panel background
/// @type Color
/// @access private
/// @group ui-shell
$shell-panel-bg-01: $carbon--gray-100;

/// Panel item hover background
/// @type Color
/// @access private
/// @group ui-shell
/// TODO needs color var gray-100-hover
$shell-panel-bg-02: #2c2c2c;

/// Panel item focus and active background
/// @type Color
/// @access private
/// @group ui-shell
$shell-panel-bg-03: $carbon--gray-80;

/// Panel item link selected background
/// @type Color
/// @access private
/// @group ui-shell
$shell-panel-bg-04: $carbon--gray-90;

/// Panel border
/// @type Color
/// @access private
/// @group ui-shell
$shell-panel-border: $carbon--gray-80;

/// Header panel text
/// @type Color
/// @access private
/// @group ui-shell
$shell-panel-text-01: $carbon--gray-30;

/// Header panel secondary text
/// @type Color
/// @access private
/// @group ui-shell
$shell-panel-text-02: $carbon--gray-10;

/// Header panel focus border
/// @type Color
/// @access private
/// @group ui-shell
$shell-panel-focus: $carbon--white-0;

//----------------------------------------------------------------------------
// Side nav tokens
//----------------------------------------------------------------------------
/// Side-nav panel background
/// @type Color
/// @access private
/// @group ui-shell
$shell-side-nav-bg-01: $carbon--white-0;

/// Selected category background
/// Select L2 flatted item background
/// Item active background
/// Footer-bar background
/// @type Color
/// @access private
/// @group ui-shell
/// TODO waiting for updated color
$shell-side-nav-bg-02: $carbon--gray-80;

/// Selected L2 nested item
/// @type Color
/// @access private
/// @group ui-shell
/// TODO waiting for updated color
$shell-side-nav-bg-03: $ibm-color__gray-70;

/// Side nav item hover background
/// @type Color
/// @access private
/// @group ui-shell
/// TODO needs color var gray-90-hover
$shell-side-nav-bg-04: #e5e5e5;

/// Side nav menu item hover background
/// @type Color
/// @access private
/// @group ui-shell
/// TODO needs color var gray-80-hover
$shell-side-nav-bg-05: #dcdcdc;

/// Primary text in side-nav
/// L2 Flatten item text
/// L2 Nested item text
/// L1 title text
/// @type Color
/// @access private
/// @group ui-shell
/// TODO waiting for updated color
$shell-side-nav-text-01: $ibm-color__gray-70;

/// Secondary text in side nav
/// L2 Category label
/// @type Color
/// @access private
/// @group ui-shell
$shell-side-nav-text-02: $ibm-color__gray-30;

/// Side-nav icon color
/// @type Color
/// @access private
/// @group ui-shell
$shell-side-nav-icon-01: $ibm-color__gray-70;

/// Item highlight bar
/// @type Color
/// @access private
/// @group ui-shell
$shell-side-nav-accent-01: $ibm-color__blue-60;
