/*
 * @file assets index.css
 * @description 全局样式文件
 * @author BTMuli <bt-muli@outlook.com>
 * @since Alpha v0.2.0
 */

@import "fonts/index.css";
@import url("themes/default.css");
@import url("themes/dark.css");

:root {
    /* font */
    --font-text: "JetBrians mono", "Genshin-Light", sans-serif;
    --font-title: "JetBrians mono Bold", "Genshin", serif;
    /* color */
    --common-color-white: #faf7e8;
    --common-color-black: #333333;
    --common-color-blue: #485466;
    --common-color-blue-2: #546d8b;
    --common-color-blue-3: #5b738f;
    --common-color-yellow: #fec90b;
    --common-color-grey: #96979a;
    --common-color-grey-2: #b3b3b3;
}

html {
    font-family: var(--font-text);
    font-size: 16px;
}


/*
 * @description 侧边滚动条样式
 * @since Alpha v0.1.3
 */
::-webkit-scrollbar {
    width: 8px;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background: var(--scroll-bg);
    box-shadow: inset 0 0 5px var(--scroll-bg);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: #96979A;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* card action 内的按钮 */
.card-btn {
    background: #4a5366;
    color: #ece5d8;
    border-radius: 50px;
    margin-left: 5px;
}

.card-btn img {
    width: 20px;
    height: 20px;
    margin: 5px;
}

.card-dev-btn {
    background: #546d8b;
    color: #faf7e8;
}

.card-dev-btn img {
    width: 18px;
    height: 18px;
}