/*
 * Copyright (c) Baidu, Inc. All Rights Reserved.
 *
 * 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.
 */

.cos-dqa {
    --cos-color-text-on-primary-light: #6354f0ff;
    --cos-color-text-on-primary: #ffffffff;
    --cos-color-text-primary: #6354f0ff;
    --cos-color-border-primary: #6354f02e;
    --cos-color-border-primary-light: #2932e11f;
    --cos-color-bg-primary-light-inverse: #6354f00f;
    --cos-color-bg-primary-light: #6354f017;
    --cos-color-text-active: #6354f0ff;
    --cos-color-bg-primary: #6354f0ff;
    --cos-color-text-primary-active: #6354f0ff;
    --cos-color-text-on-primary-active: #ffffffff;
    --cos-color-text-on-primary-light-active: #6354f0ff;
    --cos-color-border-primary-active: #6354f04d;
    --cos-color-border-primary-light-active: #6354f033;
    --cos-color-bg-primary-active: #6354f0ff;
    --cos-color-bg-primary-light-active: #6354f00f;
    --cos-color-text-primary-disabled: #6354f066;
    --cos-color-text-on-primary-disabled: #ffffff66;
    --cos-color-text-on-primary-light-disabled: #6354f066;
    --cos-color-border-primary-disabled: #6354f017;
    --cos-color-border-primary-light-disabled: #2932e10d;
    --cos-color-bg-primary-disabled: #6354f066;
    --cos-color-text-hover: #6354f0ff;
    --cos-color-bg-primary-light-disabled: #6354f00d;
    --cos-color-border-hover: #6354f02e;
    --cos-color-text-primary-hover: #6354f0ff;
    --cos-color-text-on-primary-hover: #ffffffff;
    --cos-color-text-on-primary-light-hover: #6354f0ff;
    --cos-color-border-primary-hover: #6354f02e;
    --cos-color-border-primary-light-hover: #2932e11f;
    --cos-color-bg-primary-hover: #6354f0ff;
    --cos-color-bg-primary-light-hover: #6354f017;
    --cos-color-border-active: #6354f0ff;
    --cos-color-bg-dent-active: #6354f066;

    --cosd-color-text-on-secondary-light: #201452ff;
    --cosd-color-text-secondary-inverse: #b6adffff;
    --cosd-color-bg-secondary-light-inverse: #b6adffff;
    --cosd-color-bg-secondary-light: #ddd9ffff;
    --cosd-color-text-on-secondary-light-active: #201452ff;
    --cosd-color-border-secondary-active: #6354f099;
    --cosd-color-border-secondary-light-inverse-active: #b6adffff;
    --cosd-color-bg-secondary-light-active: #ddd9ffff;
    --cosd-color-bg-secondary-light-inverse-active: #b6adffff;
    --cosd-color-text-on-secondary-light-disabled: #20145266;
    --cosd-color-border-secondary-light-inverse-disabled: #b6adff66;
    --cosd-color-bg-secondary-light-disabled: #ddd9ff66;
    --cosd-color-bg-secondary-light-inverse-disabled: #b6adff66;
    --cosd-color-text-on-secondary-light-hover: #201452ff;
    --cosd-color-border-secondary-light-inverse-hover: #b6adffff;
    --cosd-color-bg-secondary-light-hover: #ddd9ffff;
    --cosd-color-bg-secondary-light-inverse-hover: #b6adffff;
    --cosd-color-border-secondary: #6354f099;
    --cosd-color-border-secondary-inverse: #ffffffff;
    --cosd-color-border-secondary-light-inverse: #b6adffff;
}

.cosmic-dark-variables() {
    .cos-dqa {
        --cos-color-text-on-primary-light: #6354f0ff;
        --cos-color-text-on-primary: #ffffffff;
        --cos-color-text-primary: #6354f0ff;
        --cos-color-border-primary: #6354f02e;
        --cos-color-border-primary-light: #2932e11f;
        --cos-color-bg-primary-light-inverse: #222222ff;
        --cos-color-bg-primary-light: #6354f02e;
        --cos-color-text-active: #6354f0ff;
        --cos-color-bg-primary: #6354f0ff;
        --cos-color-text-primary-active: #6354f0ff;
        --cos-color-text-on-primary-active: #ffffffff;
        --cos-color-text-on-primary-light-active: #6354f0ff;
        --cos-color-border-primary-active: #6354f04d;
        --cos-color-border-primary-light-active: #6354f033;
        --cos-color-bg-primary-active: #6354f0ff;
        --cos-color-bg-primary-light-active: #222222ff;
        --cos-color-text-primary-disabled: #6354f066;
        --cos-color-text-on-primary-disabled: #ffffff66;
        --cos-color-text-on-primary-light-disabled: #6354f066;
        --cos-color-border-primary-disabled: #6354f017;
        --cos-color-border-primary-light-disabled: #2932e10d;
        --cos-color-bg-primary-disabled: #6354f066;
        --cos-color-text-hover: #6354f0ff;
        --cos-color-bg-primary-light-disabled: #6354f00d;
        --cos-color-border-hover: #6354f02e;
        --cos-color-text-primary-hover: #6354f0ff;
        --cos-color-text-on-primary-hover: #ffffffff;
        --cos-color-text-on-primary-light-hover: #6354f0ff;
        --cos-color-border-primary-hover: #6354f02e;
        --cos-color-border-primary-light-hover: #2932e11f;
        --cos-color-bg-primary-hover: #6354f0ff;
        --cos-color-bg-primary-light-hover: #6354f02e;
        --cos-color-border-active: #6354f0ff;
        --cos-color-bg-dent-active: #6354f066;

        --cosd-color-text-on-secondary-light: #201452ff;
        --cosd-color-text-secondary-inverse: #b6adffff;
        --cosd-color-bg-secondary-light-inverse: #b6adffff;
        --cosd-color-bg-secondary-light: #b6adffff;
        --cosd-color-text-on-secondary-light-active: #201452ff;
        --cosd-color-border-secondary-active: #6354f099;
        --cosd-color-border-secondary-light-inverse-active: #b6adffff;
        --cosd-color-bg-secondary-light-active: #b6adffff;
        --cosd-color-bg-secondary-light-inverse-active: #b6adffff;
        --cosd-color-text-on-secondary-light-disabled: #20145266;
        --cosd-color-border-secondary-light-inverse-disabled: #b6adff66;
        --cosd-color-bg-secondary-light-disabled: #b6adff66;
        --cosd-color-bg-secondary-light-inverse-disabled: #b6adff66;
        --cosd-color-text-on-secondary-light-hover: #201452ff;
        --cosd-color-border-secondary-light-inverse-hover: #b6adffff;
        --cosd-color-bg-secondary-light-hover: #b6adffff;
        --cosd-color-bg-secondary-light-inverse-hover: #b6adffff;
        --cosd-color-border-secondary: #6354f099;
        --cosd-color-border-secondary-inverse: #161616ff;
        --cosd-color-border-secondary-light-inverse: #b6adffff;
    }
}

/* 兼容低端设备选择器切换暗黑 */
.c-darkmode,
.darkmode,
.cos-dark {
    .cosmic-dark-variables();
}

@media (prefers-color-scheme: dark) {
    .cos-android.cos-baiduapp.cos-wise,
    .c-darkmode,
    .darkmode,
    .cos-dark {
        .cosmic-dark-variables();
    }
}