:root {
    color-scheme: light dark;

    --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-background-color: light-dark(#F3F7F8, #1A1C1C);
    --header-background-color: light-dark(#FFF, #1E2121);
    --color-accent: #9747FF;
    --color-accent-hover: #B57BFF;
    --color-accent-active: #642FAA;
    --color-accent-light: #F3EEFE;
    --tab-personage-item-background-color: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));
    --card-border-color: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));
    --jumbotron-background-color: light-dark(var(--color-accent-light), #33283F);
    --header-border-bottom-color: light-dark(#DFE3E4, #3E4243);
    --card-background-color: light-dark(#FFF, #222525);
    --selector-dropdown-menu-background-color: var(--card-background-color);
    --card-shadow: light-dark(0px 4px 32px 0px rgba(40, 41, 44, .05), 0px 4px 32px 0px rgba(40, 41, 44, .05));
    --dropdown-menu-box-shadow: light-dark(0 10px 24px 0 rgba(51, 54, 60, .15), 0 10px 24px 0 rgba(51, 54, 60, .15));
    --blured-background-color: light-dark(rgba(255, 255, 255, .75), rgba(0, 0, 0, .75));
    --body-color: light-dark(#000, #FFF);
    --bs-body-color: var(--body-color);
    --body-color-muted: light-dark(rgba(0, 0, 0, .75), rgba(255, 255, 255, .75));
    --body-color-neutral: light-dark(rgba(0, 0, 0, .5), rgba(255, 255, 255, .5));
    --body-color-transparent: light-dark(rgba(0, 0, 0, .33), rgba(255, 255, 255, .33));
    --body-color-inverse: light-dark(#FFF, #000);
    --body-color-muted-inverse: light-dark(rgba(255, 255, 255, .75), rgba(0, 0, 0, .75));
    --body-color-neutral-inverse: light-dark(rgba(255, 255, 255, .5), rgba(0, 0, 0, .5));
    --body-color-transparent-inverse: light-dark(rgba(255, 255, 255, .33), rgba(0, 0, 0, .33));
    --btn-default-background-color: light-dark(#000, #FFF);
    --btn-default-border-color: light-dark(#000, #FFF);
    --btn-neutral-background-color: light-dark(rgba(137, 182, 193, .1), rgba(255, 255, 255, .1));
    --btn-neutral-border-color: transparent;
    --btn-outline-neutral-border-color: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));
    --btn-neutral-color: light-dark(#43454A, #FFF);
    --hr-border-color: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));
    --form-control-background-color: light-dark(#FFF, #000);
    --form-control-border-color: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .07));
    --form-control-color-placeholder: light-dark(rgba(0, 0, 0, .35), rgba(255, 255, 255, .35));
    --horizontal-scroll-gradient-background: light-dark(linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0.73) 67.71%, rgba(255, 255, 255, 0) 100%), 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: light-dark(linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.73) 67.71%, rgba(255, 255, 255, 0) 100%), 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: light-dark(linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgb(37, 29, 42) 0%, rgba(37, 29, 42, 0) 100%));
    --resource-cover-background-color: light-dark(#F3F7F8, #312C36);
    --badge-default-background-color: light-dark(rgba(0, 0, 0, .04), rgba(255, 255, 255, .04));
    --progress-background-color: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));
    --footer-main-background-color: light-dark(black, black);
    --chart-yaxis-grid-line-color: light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .05));
    --rating-scale-item-without-rating-background-color: light-dark(#E3E3E3, #555555);
    --btn-close-color: light-dark(rgb(67, 69, 74), #43454A);
    --btn-close-border-color: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .1));
    --modal-backdrop-background-color: light-dark(rgba(38, 38, 51, .5), rgba(38, 38, 51, .5));
    --modal-box-shadow-color: light-dark(rgba(0, 0, 0, .06), rgba(0, 0, 0, .06));
    --resource-description-code-block-background-color: light-dark(rgba(137, 182, 193, .1), rgba(137, 182, 193, .1));
    --resource-description-code-background-color: light-dark(rgb(225, 225, 225), var(--resource-description-code-block-background-color));
    --resource-description-table-td-odd-background-color: var(--resource-description-code-block-background-color);
    --resource-description-details-background-color: var(--resource-description-code-block-background-color);
    --modal-background-color: var(--card-background-color);
    --card-neutral-background-color: light-dark(rgba(137, 182, 193, .1), rgba(255, 255, 255, .1));
}