:root {
    --color-primary-dark: rgb(34, 14, 72);
    --color-primary-light: rgb(129, 67, 192);
    --color-text-main: #AFC0C9;
    --color-heading: #0d6efd;
    --color-highlight: rgb(255, 205, 86);
    --color-secondary-text: rgb(175, 192, 201);
    --color-button-text: rgb(255, 255, 255);
    --color-button-hover-bg: rgb(253, 211, 9);
    --color-button-hover-text: rgb(0, 0, 0);
    --color-bet-container-bg: rgb(72, 43, 108);
    --color-bet-title: rgb(253, 211, 9);
    --color-reset-button-text: rgb(175, 192, 201);
    --color-form-border: rgb(175, 192, 201);
    --color-latest-spins-title: rgb(253, 211, 9);
    --color-overall-result-total-bg: rgb(56, 2, 75);
    --color-overall-result-bg: rgb(72, 43, 108);
    --color-overall-result-title: rgb(253, 211, 9);
    --color-overall-result-secondary: rgb(175, 192, 201);
    --color-list-item-count-text: rgb(51, 51, 51);
    --color-list-item-bg: rgb(205, 170, 88);
    --color-border-active-chip: rgb(253, 211, 9);
    --color-border-white: rgb(255, 255, 255);
    --color-border-result-item: rgb(72, 43, 108);
    --color-text-dropdown: #AFC0C9;
    --color-border-dropdown: rgb(255, 255, 255);
    --color-bg-option-dropdown: #2b2140;
    --color-border-dropdown-options: #ffc700;
    --color-bg-active-dropdown: #FDD309;
    --color-text-active-dropdown: #000000;
    --color-text-dropdown-selected: #AFC0C9;
    --color-border-dropdown-select: #AFC0C9;
}

.container-title-wrapper h2 {
    color: var(--color-highlight);
}
.container-title-wrapper span {
    color: var(--color-secondary-text);
}

.bttn {
    background: transparent;
    color: var(--color-button-text);
}

.bttn:hover {
    background: var(--color-button-hover-bg);
    color: var(--color-button-hover-text);
}

.bttn.active {
    background: var(--color-button-hover-bg);
    color: var(--color-button-hover-text);
}

.bttn.inactive {
    background: transparent;
    color: var(--color-button-text);
}

.bet-container {
    background: var(--color-bet-container-bg);
}

.bet-title {
    color: var(--color-bet-title);
}

.bttn-reset {
    color: var(--color-reset-button-text);
}

.form-select {
    color: var(--color-reset-button-text);
    border-color: var(--color-form-border);
}

.latest-spins-title {
    color: var(--color-latest-spins-title);
}

.latest-spins-container {
    background: var(--color-bet-container-bg);
}

.overall-result-total {
    background: var(--color-overall-result-total-bg);
}

.overall-result {
    background: var(--color-overall-result-bg);
}

.overall-result-title h2 {
    color: var(--color-overall-result-title);
}

.overall-result-total-title h2 {
    color: var(--color-overall-result-title);
}

.overall-result-total-title, .overall-result-title span {
    color: var(--color-overall-result-secondary);
}

.overall-result-list-item span {
    color: var(--color-overall-result-secondary);
}

.bet-strategy-list-item-count {
    color: var(--color-list-item-count-text);
    background: var(--color-list-item-bg);
}

.active_chip {
    border-color: var(--color-border-active-chip) !important;
}

.bttn-reset {
    border-color: var(--color-reset-button-text);
}

.overall-result-list-item span:nth-child(5) {
    border-color: var(--color-border-white);
}

.overall-result-total-list-item {
    border-color: var(--color-border-result-item);
}

.dropdown-option:hover {
    color: var(--color-border-active-chip);
    border-color: var(--color-border-dropdown) !important;
}

.active-dropdown-option {
    color: var(--color-border-active-chip) !important;
}

.dropdown-option {
    color: var(--color-text-dropdown);
    border-bottom-color: var(--color-border-dropdown) !important;
}

.dropdown-options {
    background-color: var(--color-bg-option-dropdown);
    border-color: var(--color-border-dropdown-options) !important;
}

.active_dropdown {
    background: var(--color-bg-active-dropdown) !important;
    color: var(--color-text-active-dropdown) !important;
}

.dropdown-selected {
    color: var(--color-text-dropdown-selected);
    border-color: var(--color-border-dropdown-select);
}

.up-money {
    color: rgb(43, 211, 71) !important;
}

.low-money {
    color: rgb(242, 8, 8) !important;
}