/**
 *
 * @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. 2018, 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.
//

@use './config' as *;
@use '@carbon/themes/scss/modules/config' with (
  $prefix: $prefix,
);
@use '@carbon/themes/scss/modules/tokens';
@forward '@carbon/themes/scss/modules/theme';
@forward '@carbon/themes/scss/modules/tokens';
@use './utilities/custom-property';
@use './utilities/layer-set' with (
  $layer-sets: (
    layer: (
      tokens.$layer-01,
      tokens.$layer-02,
      tokens.$layer-03,
    ),
    layer-active: (
      tokens.$layer-active-01,
      tokens.$layer-active-02,
      tokens.$layer-active-03,
    ),
    layer-hover: (
      tokens.$layer-hover-01,
      tokens.$layer-hover-02,
      tokens.$layer-hover-03,
    ),
    layer-selected: (
      tokens.$layer-selected-01,
      tokens.$layer-selected-02,
      tokens.$layer-selected-03,
    ),
    layer-selected-hover: (
      tokens.$layer-selected-hover-01,
      tokens.$layer-selected-hover-02,
      tokens.$layer-selected-hover-03,
    ),
    layer-accent: (
      tokens.$layer-accent-01,
      tokens.$layer-accent-02,
      tokens.$layer-accent-03,
    ),
    layer-accent-hover: (
      tokens.$layer-accent-hover-01,
      tokens.$layer-accent-hover-02,
      tokens.$layer-accent-hover-03,
    ),
    layer-accent-active: (
      tokens.$layer-accent-active-01,
      tokens.$layer-accent-active-02,
      tokens.$layer-accent-active-03,
    ),
    field: (
      tokens.$field-01,
      tokens.$field-02,
      tokens.$field-03,
    ),
    field-hover: (
      tokens.$field-hover-01,
      tokens.$field-hover-02,
      tokens.$field-hover-03,
    ),
    border-subtle: (
      tokens.$border-subtle-01,
      tokens.$border-subtle-02,
      tokens.$border-subtle-03,
    ),
    border-subtle-selected: (
      tokens.$border-subtle-selected-01,
      tokens.$border-subtle-selected-02,
      tokens.$border-subtle-selected-03,
    ),
    border-strong: (
      tokens.$border-strong-01,
      tokens.$border-strong-02,
      tokens.$border-strong-03,
    ),
  ),
);

// Layer sets
$layer: custom-property.get-var('layer');
$layer-active: custom-property.get-var('layer-active');
$layer-hover: custom-property.get-var('layer-hover');
$layer-selected: custom-property.get-var('layer-selected');
$layer-selected-hover: custom-property.get-var('layer-selected-hover');
$layer-accent: custom-property.get-var('layer-accent');
$layer-accent-hover: custom-property.get-var('layer-accent-hover');
$layer-accent-active: custom-property.get-var('layer-accent-active');

$field: custom-property.get-var('field');
$field-hover: custom-property.get-var('field-hover');

$border-subtle: custom-property.get-var('border-subtle');
$border-subtle-selected: custom-property.get-var('border-subtle-selected');
$border-strong: custom-property.get-var('border-strong');

// TODO remove
$interactive-01: #0f62fe;
$interactive-04: #0f62fe;
$decorative-01: #e0e0e0;
$hover-row: #636363;
$ui-01: #f4f4f4;
$ui-02: #ffffff;
$ui-05: #161616;
$disabled-01: #f4f4f4;
$disabled-02: #c6c6c6;
$hover-field: #e5e5e5;
$hover-ui: #e5e5e5;
$selected-ui: #e0e0e0;
$hover-selected-ui: #cacaca;
$hover-light-ui: #e5e5e5;
$active-light-ui: #c6c6c6;
$text-01: #161616;
$text-02: #525252;
$text-04: #ffffff;
$text-05: #6f6f6f;
$icon-01: #f4f4f4;
$icon-02: #525252;
$link-01: #0f62fe;
