/*=========================================================

    setting

=========================================================*/
:root {
    /* --brand-color: #cdcece; */
    --brand-color: #202124;

    --main_color: var(--brand-color);
    --main_subcolor: #576164;
    --main_subcolor: #ccc;

    /* --main_bg: #202124; */
    --main_bg: #fff;
    /* --main_bg-alpha: rgb(243, 242, 241, .8); */
    --main_bg-alpha: rgb(255, 255, 255, .9);
    --thumb-bg: #e9e8e6;

    --brand-grandient: linear-gradient(90deg, #396ec7 0%, #21a9e8 100%);
    --orange: #f0831e;
    --green: #91b23d;
    --gold: #ba960d;
    --red: #bb2d2d;
    --blue: #2d66bb;
    --pink: #d87bae;

    --dark-text-color: #202124;
    --color_red: var(--red);
    --text-color: var(--main_color);
    --text-color-l: #697478;
    --gray: #969c9d;
    --grayD: #393c3c;
    --grayL: #f3f3f3;

    --code-background-color: #e2e6e9;
    --code-color: var(--dark-text-color);
    --code-tag-color: hsl(330deg, 40%, 50%);
    --code-property-color: hsl(185deg, 40%, 40%);
    --code-value-color: hsl(40deg, 20%, 50%);
    --code-comment-color: hsl(205deg, 14%, 68%);

}

/* wp colors */
.has-vivid-red-color {
    color: var(--red) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--blue) !important;
}

.has-pale-pink-color {
    color: var(--pink) !important;
}