/*!
    *
    * Wijmo Library 5.20261.50
    * https://developer.mescius.com/wijmo
    *
    * Copyright(c) MESCIUS inc. All rights reserved.
    *
    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
    * us.sales@mescius.com
    * https://developer.mescius.com/wijmo/licensing
    *
    */

// Import mixins for color functions
@use "mixins" as mx;

// Variables
//
// Variables should follow the `$component-state-property-size` formula for
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

$wj-bkg: white !default; // content background
$wj-txt: black !default; // content foreground
$wj-link: #0000ee !default; // link color
$wj-bdr-clr: rgba(0, 0, 0, 0.2) !default; // content border color
$wj-bdr-wid: 1px !default; // content border width
$wj-bdr: $wj-bdr-wid solid $wj-bdr-clr !default; // content border
$wj-bdr-rad: 4px !default; // content border radius
$wj-box-shadow: 0 6px 13px rgba(0, 0, 0, 0.2) !default; // box shadow for drop-downs/dialogs
$wj-invalid: red !default; // invalid state markers
$wj-item-pdg: 4px 6px 3px 6px !default; // item padding (listbox items, grid cells, etc)
$wj-item-hvr: rgba(0, 0, 0, 0.05) !default; // item hover
$wj-tdn-focus: 0.4s !default; // focus/hover transition duration
$wj-disabled-opacity: 0.6 !default; // opacity for disabled controls/items
$wj-disabled-bkg: mx.safechangecolor($wj-bkg, 6%) !default; // background for disabled controls/items

$wj-hdr-bkg: #eee !default; // header element background
$wj-hdr-hvr: mx.safedarken($wj-hdr-bkg, 5%) !default; // header element hover background
$wj-hdr-txt: #000000 !default; // header element foreground

$wj-btn-bkg: #eee !default; // button background
$wj-btn-hvr: mx.safedarken($wj-btn-bkg, 5%) !default; // button hover background
$wj-btn-txt: $wj-txt !default; // button text
$wj-btn-grp-bdr: $wj-bdr !default; // button group border

$wj-sel-bkg: #007cbe !default; // selected element background
$wj-sel-txt: white !default; // selected element foreground
$wj-msel-bkg: #4e7b8d !default; // extended selection background
$wj-msel-txt: white !default; // extended selection foreground
$wj-accent-bkg: $wj-sel-bkg !default; // accent background (like drag markers)
$wj-accent-txt: $wj-sel-txt !default; // accent background (like drag markers)
$wj-sort-index-txt: #00648f !default; // Sort index color

$wj-cell: $wj-bkg !default; // cell background
$wj-cell-alt: mx.safedarken($wj-cell, 3%) !default; // alternating cell background
$wj-cell-frz: null !default; // frozen cell background
$wj-cell-frz-alt: null !default; // alternating frozen cell background
$wj-cell-frz-txt: $wj-txt !default; // frozen cell foreground
$wj-cell-pdg: $wj-item-pdg !default; // cell padding
$wj-cell-bdr-clr: rgba(0, 0, 0, 0.2) !default; // cell border color
$wj-cell-bdr: 1px solid $wj-cell-bdr-clr !default; // cell border
$wj-cell-bdr-vrt: $wj-cell-bdr !default; // cell vertical border
$wj-cell-bdr-hrz: $wj-cell-bdr !default; // cell horizontal border
$wj-cell-grp-bkg: mx.safedarken($wj-hdr-bkg, 5%) !default; // group row background
$wj-cell-grp-txt: $wj-hdr-txt !default; // group row foreground
$wj-cell-frz-bdr-clr: mx.safedarken($wj-hdr-bkg, 30%) !default; // frozen cell border color
$wj-cell-frz-bdr: 1px solid $wj-cell-frz-bdr-clr !default; // frozen cell border
$wj-cell-frz-bdr-vrt: $wj-cell-frz-bdr !default; // frozen area vertical border
$wj-cell-frz-bdr-hrz: $wj-cell-frz-bdr !default; // frozen area horizontal border
$wj-cell-maker-svg: #376092 !default; // sparkLine color

$wj-tooltip: $wj-bkg !default; // tooltip background
$wj-tooltip-txt: $wj-txt !default; // tooltip text
$wj-error-tooltip: #ee0000 !default; // error tooltip background
$wj-error-tooltip-txt: white !default; // error tooltip text

$wj-bkg-grd: false !default; // content background gradient
$wj-btn-grd: false !default; // button background gradient
$wj-hdr-grd: false !default; // header background gradient
$wj-input-grd: false !default; // input element background gradient

// Optional theme-specific variables (null by default, themes can override)
$wj-tab-panel-color: null !default; // tab panel active text color
$wj-highlight-cell-maker: null !default; // cell maker highlight background
$wj-cell-maker-btn-bkg: null !default; // cell maker button background (highcontrast theme)
$wj-columnfiltereditor-outline: null !default; // column filter editor outline
$wj-search-highlight-txt: null !default; // search highlight text color
$wj-group-focus: null !default; // group panel focus color
