body {
    --body-blur-background-color: rgba(0, 0, 0, .25);

    --bs-body-font-family: 'Golos Text', sans-serif;

    --border-radius-lg: 36px;
    --card-padding: 24px;
    --card-padding-sm: 20px;
    --card-border-width: 0;
    --transition-duration: .2s;
    --hr-gutter-y: 24px;
    --btn-border-width: 1px;
    --form-control-border-width: 1px;
    --form-control-lg-padding-x: 20px;
    --form-control-lg-padding-y: 21px;
    --breadcrumb-divider-color: var(--body-color-neutral);

    --color-success: rgb(0, 173, 7);
    --color-warning: rgb(255, 175, 55);
    --color-danger: rgb(255, 53, 53);
    --color-primary: rgb(0, 102, 254);
    --color-info: rgb(23, 162, 184);

    --color-success-transparent: rgba(0, 173, 7, .15);
    --color-warning-transparent: rgba(255, 175, 55, .15);
    --color-danger-transparent: rgba(255, 53, 53, .15);
    --color-primary-transparent: rgba(0, 102, 254, .15);
    --color-info-transparent: rgba(23, 162, 184, .15);

    --badge-default-color: var(--body-color-neutral);
    --badge-success-color: var(--color-success);
    --badge-success-background-color: var(--color-success-transparent);
    --badge-warning-color: var(--color-warning);
    --badge-warning-background-color: var(--color-warning-transparent);
    --badge-danger-color: var(--color-danger);
    --badge-danger-background-color: var(--color-danger-transparent);
    --badge-primary-color: var(--color-primary);
    --badge-primary-background-color: var(--color-primary-transparent);
    --badge-info-color: var(--color-info);
    --badge-info-background-color: var(--color-info-transparent);
    --resource-description-h1-border-bottom-color: var(--form-control-border-color);

    --fake-content-background: var(--btn-neutral-background-color);
    --fake-content-gradient: linear-gradient(90deg, transparent, var(--btn-neutral-background-color), transparent 50%);
}

body.light-theme {
    --body-background-color: #F3F7F8;
    --header-background-color: #FFF;
    --color-accent: #9747FF;
    --color-accent-hover: #B57BFF;
    --color-accent-active: #642FAA;
    --color-accent-light: #F3EEFE;

    --tab-personage-item-background-color: rgba(0, 0, 0, .1);

    --card-border-color: rgba(0, 0, 0, .1);

    --jumbotron-background-color: var(--color-accent-light);

    --header-border-bottom-color: #DFE3E4;

    --card-background-color: #FFF;
    --selector-dropdown-menu-background-color: var(--card-background-color);
    --card-shadow: 0px 4px 32px 0px rgba(40, 41, 44, .05);
    --dropdown-menu-box-shadow: 0 10px 24px 0 rgba(51, 54, 60, .15);

    --blured-background-color: rgba(255, 255, 255, .75);

    --body-color: #000;
    --bs-body-color: var(--body-color);
    --body-color-muted: rgba(0, 0, 0, .75);
    --body-color-neutral: rgba(0, 0, 0, .5);
    --body-color-transparent: rgba(0, 0, 0, .33);
    --body-color-inverse: #FFF;
    --body-color-muted-inverse: rgba(255, 255, 255, .75);
    --body-color-neutral-inverse: rgba(255, 255, 255, .5);
    --body-color-transparent-inverse: rgba(255, 255, 255, .33);

    --btn-default-background-color: #000;
    --btn-default-border-color: #000;

    --btn-neutral-background-color: rgba(137, 182, 193, .1);
    --btn-neutral-border-color: transparent;
    --btn-outline-neutral-border-color: rgba(0, 0, 0, .1);
    --btn-neutral-color: #43454A;

    --hr-border-color: rgba(0, 0, 0, .1);

    --form-control-background-color: #FFF;
    --form-control-border-color: rgba(0, 0, 0, .1);

    --form-control-color-placeholder: rgba(0, 0, 0, .35);

    --horizontal-scroll-gradient-background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.73) 67.71%, rgba(255, 255, 255, 0) 100%);
    --background-gradient-vertical: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.73) 67.71%, rgba(255, 255, 255, 0) 100%);
    --background-gradient-vertical-up-to-down: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);

    --resource-cover-background-color: #F3F7F8;

    --badge-default-background-color: rgba(0, 0, 0, .04);

    --progress-background-color: rgba(0, 0, 0, .1);

    --footer-main-background-color: black;

    --chart-yaxis-grid-line-color: rgba(0, 0, 0, .05);

    --rating-scale-item-without-rating-background-color: #E3E3E3;

    --btn-close-color: rgb(67, 69, 74);
    --btn-close-border-color: rgba(0, 0, 0, .1);
}

body.dark-theme {
    --body-background-color: #1A1C1C;
    --header-background-color: #1E2121;
    --color-accent: #9747FF;
    --color-accent-hover: #B57BFF;
    --color-accent-active: #642FAA;
    --color-accent-light: #c1a0fe;

    --tab-personage-item-background-color: rgba(255, 255, 255, .1);

    --card-border-color: rgba(255, 255, 255, .1);

    --jumbotron-background-color: #3b2d48;

    --header-border-bottom-color: #3E4243;

    --card-background-color: #251D2D;
    --selector-dropdown-menu-background-color: var(--card-background-color);
    --card-shadow: 0px 4px 32px 0px rgba(40, 41, 44, .05);
    --dropdown-menu-box-shadow: 0 10px 24px 0 rgba(51, 54, 60, .15);

    --blured-background-color: rgba(0, 0, 0, .75);

    --body-color: #FFF;
    --bs-body-color: var(--body-color);
    --body-color-muted: rgba(255, 255, 255, .75);
    --body-color-neutral: rgba(255, 255, 255, .5);
    --body-color-transparent: rgba(255, 255, 255, .33);
    --body-color-inverse: #000;
    --body-color-muted-inverse: rgba(0, 0, 0, .75);
    --body-color-neutral-inverse: rgba(0, 0, 0, .5);
    --body-color-transparent-inverse: rgba(0, 0, 0, .33);

    --btn-default-background-color: #FFF;
    --btn-default-border-color: #FFF;

    --btn-neutral-background-color: rgba(255, 255, 255, .1);
    --btn-neutral-border-color: transparent;
    --btn-outline-neutral-border-color: rgba(255, 255, 255, .1);
    --btn-neutral-color: #FFF;

    --hr-border-color: rgba(255, 255, 255, .1);

    --form-control-background-color: #000;
    --form-control-border-color: rgba(255, 255, 255, .07);

    --form-control-color-placeholder: rgba(255, 255, 255, .35);

    --horizontal-scroll-gradient-background: linear-gradient(270deg, rgba(37, 29, 42, 1) 0%, rgba(37, 29, 42, 0.73) 67.71%, rgba(37, 29, 42, 0) 100%);
    --background-gradient-vertical: linear-gradient(0deg, rgba(37, 29, 42, 1) 0%, rgba(37, 29, 42, 0.73) 67.71%, rgba(37, 29, 42, 0) 100%);
    --background-gradient-vertical-up-to-down: linear-gradient(180deg, rgb(37, 29, 42) 0%, rgba(37, 29, 42, 0) 100%);

    --resource-cover-background-color: #312C36;

    --badge-default-background-color: rgba(255, 255, 255, .04);

    --progress-background-color: rgba(255, 255, 255, .1);

    --footer-main-background-color: black;

    --chart-yaxis-grid-line-color: rgba(255, 255, 255, .05);

    --rating-scale-item-without-rating-background-color: #555555;

    --btn-close-color: #43454A;
    --btn-close-border-color: rgba(255, 255, 255, .1);
}

body.dark-theme .modal {
    --bs-modal-bg: rgb(26, 28, 28) !important;
}