// colors-light.less (light skin)
//

// ---------------------------------------
// Universal Color Definitions
// ---------------------------------------


// UI Conceptual Colors
// ---------------------------------------

// common colors
@sand-bg-color: var(--sand-bg-color, #cacbcc);
@sand-text-color-rgb: var(--sand-text-color-rgb, 46, 50, 57); // #2e3239
@sand-text-color: rgb(@sand-text-color-rgb);
@sand-text-sub-color: var(--sand-text-sub-color, #2e3239);
@sand-focus-text-color: var(--sand-focus-text-color, #575e66);
@sand-disabled-selected-color: var(--sand-disabled-selected-color, #ffffff);
@sand-disabled-selected-bg-color: var(--sand-disabled-selected-bg-color, #788688);
@sand-disabled-selected-focus-color: var(--sand-disabled-selected-focus-color, #e6e6e6);
@sand-disabled-selected-focus-bg-color: var(--sand-disabled-selected-focus-bg-color, #4c5059);
@sand-overlay-bg-color-rgb: var(--sand-alert-overlay-bg-color-rgb, 187, 187, 187); // #bbbbbb
@sand-progress-color-rgb: var(--sand-progress-color-rgb, 55, 58, 65); // #373a41
@sand-progress-bg-color-rgb: var(--sand-progress-bg-color-rgb, 161, 161, 161); // #a1a1a1
@sand-progress-bg-color-alpha: var(--sand-progress-bg-color-alpha, 40%);
@sand-progress-highlighted-color: var(--sand-progress-highlighted-color, #000000);

// component colors
@sand-checkbox-color: var(--sand-checkbox-color, #858b92);
@sand-item-disabled-focus-bg-color: var(--sand-item-disabled-focus-bg-color, #989ca2);
@sand-keyguide-bg-color-rgb: var(--sand-keyguide-bg-color-rgb, @sand-overlay-bg-color-rgb);


// Overlay Alert
// --------------------------------------

// common colors
@sand-alert-overlay-bg-color-rgb: var(--sand-alert-overlay-bg-color-rgb, 0, 0, 0); // #000000
@sand-alert-overlay-text-color-rgb: var(--sand-alert-overlay-text-color-rgb, 230, 230, 230); // #e6e6e6
@sand-alert-overlay-text-sub-color: var(--sand-alert-overlay-text-sub-color, #abaeb3);
@sand-alert-overlay-focus-text-color: var(--sand-alert-overlay-focus-text-color, #ffffff);

// component colors
@sand-alert-overlay-progress-color-rgb: var(--sand-alert-overlay-progress-color-rgb, 230, 230, 230); // #e6e6e6
@sand-alert-overlay-progress-bg-color-rgb: var(--sand-alert-overlay-progress-bg-color-rgb, 55, 58, 65); // #373a41
@sand-alert-overlay-progress-bg-color-alpha: var(--sand-alert-overlay-progress-bg-color-alpha, 100%);
@sand-alert-overlay-checkbox-color: var(--sand-alert-overlay-checkbox-color, #e6e6e6);
@sand-alert-overlay-checkbox-disabled-selected-text-color: var(--sand-alert-overlay-checkbox-disabled-selected-text-color, #4c5059);
@sand-alert-overlay-item-disabled-focus-bg-color: var(--sand-alert-overlay-item-disabled-focus-bg-color, #e6e6e6);