:root {
    --theme_color: rgb(245, 120, 30);
    /* #f5781e */
    --accent_color: rgb(30, 110, 235);
    /* #1e6eeb */

    --background_color: rgb(240, 240, 240);
    /* #f0f0f0 */

    --white_color: rgb(255, 255, 255);
    /* #303030 */
    --gray_color: rgb(160, 160, 160);
    /* #a0a0a0 */
    --black_color: rgb(50, 50, 50);
    /* #323232 */

    --green_color: rgb(0, 135, 0);
    /* #008700 */
    --red_color: rgb(255, 45, 45);
    /* #ff2d2d */
}

/* #region .btn.color */
.btn.theme {
    --btn_color: var(--theme_color);
}

.btn.accent {
    --btn_color: var(--accent_color);
}

.btn.gray {
    --btn_color: var(--gray_color);
}

.btn.green {
    --btn_color: var(--green_color);
}

.btn.red {
    --btn_color: var(--red_color);
}

.btn:is(:disabled, .disabled) {
    --btn_color: var(--gray_color);
}
/* #endregion */