// colors-highcontast.less (neutral skin + high-contrast variant)
//

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

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

@sand-overlay-bg-color-rgb: var(--sand-overlay-bg-color-rgb, 0, 0, 0);
@sand-overlay-outline-color: var(--sand-overlay-outline-color, #7c848b);
@sand-overlay-outline-style: var(--sand-overlay-outline-style, solid);

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

// common colors
@sand-alert-overlay-bg-color-rgb: var(--sand-alert-overlay-bg-color-rgb, 0, 0, 0);
@sand-alert-overlay-bg-color-opacity: 100%;
@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);

// ---------------------------------------
// Component Colors
// ---------------------------------------

// Input
// ---------------------------------------
@sand-input-fullscreen-background-color: rgb(@sand-overlay-bg-color-rgb); // different from neutral

// KeyGuide
// ---------------------------------------
@sand-keyguide-bg-color: rgb(@sand-keyguide-bg-color-rgb); // no alpha

// Popup
// ---------------------------------------
@sand-popup-bg-color: rgb(@sand-overlay-bg-color-rgb); // no alpha
@sand-popup-scrimtransparent-bg-color: rgb(@sand-overlay-bg-color-rgb); // no alpha