:root {
    --primary-accent-color: #BD41D1;
    --primary-accent-color-2: #BD41D1;
    --primary-gradient: linear-gradient(180deg, var(--primary-accent-color) 0%, var(--primary-accent-color-2) 100%);
    --secondary-accent-color: #FACB1F;
    --secondary-accent-color-2: #FACB1F;
    --secondary-gradient: linear-gradient(180deg, var(--secondary-accent-color) 0%, var(--secondary-accent-color-2) 100%);
    --tertiary-accent-color: #AACF2C;
    --tertiary-accent-color-2: #AACF2C;
    --tertiary-gradient: linear-gradient(180deg, var(--tertiary-accent-color) 0%, var(--tertiary-accent-color-2) 100%);
    --color-body-text: #FFFFFF;
    --primary-button-font-color: #FFFFFF;
    --secondary-button-font-color: #0A4618;
    --bg-tier-1: #0F100F;
    --bg-tier-1-gradient: linear-gradient(180deg, var(--bg-tier-1) 0%, var(--bg-tier-1) 100%);
    --bg-tier-2: #171917;
    --bg-tier-2-gradient: linear-gradient(180deg, var(--bg-tier-2) 0%, var(--bg-tier-2) 100%);
    --bg-tier-3: #121312;
    --bg-tier-3-gradient: linear-gradient(180deg, var(--bg-tier-3) 0%, var(--bg-tier-3) 100%);
    --footer-text-color: var(--color-body-text);
    --footer-background-color: #000;
    --error-color: #ED0A8C;
    --error-gradient: linear-gradient(180deg, var(--error-color) 0%, #F11A8C 33%, #F62E8C 66%, #F93C8C 100%);
    --link-color: #FACB1F;
    --color-footer-nav-bg: var(--bg-tier-1-gradient);
    --color-button-border: var(--primary-accent-color);
    --button-top-padding: 5px;
    --button-bottom-padding: 5px;
    --button-left-right-padding: 20px;
    --primary-button-text-shadow: var(--shadow-primary-bottom-md);
    /*font*/
    /* temporary change */
    /*--heading-font: "Franklin Gothic", sans-serif;*/
    --heading-font: "Libre Franklin", serif;
    --body-font: "Montserrat", sans-serif;
    --font-numbers: var(--body-font);
    --category-link-font-family: var(--heading-font);
    --button-border-width: 0px;
    /* No real color codes (i.e. #FFFFFF) should be used beyond this point. Only refer to variables. */
    --checkbox-bg-color: transparent;
    --checked-checkbox-bg-color: var(--primary-gradient);
    --color-primary-button-bg: var(--primary-gradient);
    --color-secondary-button-bg: var(--secondary-gradient);
    --color-header-bg: var(--bg-tier-2-gradient);
    --color-landing-nopurchase-bg: var(--bg-tier-2-gradient);
    --color-login-block-bg: var(--bg-tier-3-gradient);
    --login-input-border-width: 2px;
    --color-login-input-border: var(--primary-accent-color);
    --color-login-input: var(--bg-tier-3-gradient);
    --color-login-input-mobile: var(--bg-tier-2-gradient);
    --color-login-bg: var(--bg-tier-1-gradient);
    --color-login-border: var(--secondary-accent-color);
    --color-signup-input-border: var(--bg-tier-3-gradient);
    --color-signup-input-bg: var(--bg-tier-3-gradient);
    --signup-input-border-width: 2px;
    --color-current-loyalty-level-bg: var(--primary-accent-color);
    --color-landing-top-pick-bg: var(--bg-tier-2-gradient);
    --color-profile-input-bg: var(--bg-tier-2-gradient);
    --color-landing-providers-bg: var(--bg-tier-1-gradient);
    --color-app-header-bg: var(--bg-tier-2-gradient);
    --color-header-items-bg: var(--bg-tier-1-gradient);
    --color-sidebar-bg: var(--bg-tier-2-gradient);
    --color-menu-body-bg: var(--bg-tier-2-gradient);
    --color-menu-logo-bg: var(--bg-tier-2-gradient);
    --color-landing-why-bg: var(--bg-tier-3-gradient);
    --color-landing-testimonials-bg: var(--bg-tier-1-gradient);
    --bold-title-color: var(--secondary-gradient);
    --landing-usp-title-background: var(--primary-gradient);
    --color-category-font-weight: 400;
    --left-nav-font-weight: 400;
    --color-category-border: var(--secondary-accent-color);
    /*temporary change*/
    /*--font-main-buttons-fw: 400;*/
    --font-main-buttons-fw: 700;
    --font-primary: var(--heading-font);
    --font-secondary: var(--body-font);
    --font-numbers-font: inherit;
    --text-font-family: var(--body-font);
    --lending-page-text-ff: var(--body-font);
    --text-promotion-font-family: var(--body-font);
    --font-family-nexa: var(--font-primary);
    --mobile-nav-font-family: var(--font-primary);
    --subtitle-font: var(--heading-font);
    --mobile-nav-font-size: var(--text-xs);
    --text-font-family: var(--body-font);
    --subtitle-font: var(--body-font);
    --tracking-1: -1px;
    --color-level-progress-bg-start: var(--color-body-text);
    --color-level-progress-bg-end: var(--primary-accent-color);
    --color-footer-nav-balance-bg: #0D182F;
    --color-footer-nav-balance-text: #F8CB46;
    --footer-button-border-color: var(--color-body-text);
    /*temporary change*/
    /*    --font-weight-black: 400;
    --login-page-text-fw: 400;*/
    --font-weight-black: 700;
    --login-page-text-fw: 700;
    --redeem-holdings-bg-color: var(--primary-gradient);
    --checkbox-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M1.39844 7.00002L6.29844 11.9L16.0984 1.40002' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --color-bg: var(--bg-tier-1-gradient);
    --color-promotions-card-gc-border: var(--secondary-accent-color);
    --color-promotions-card-gc: var(--secondary-accent-color);
    --modal-verification-input-bg-color: var(--bg-tier-1-gradient);
    --kt-pagination-active-color: black;
    --error-badge-font-color: var(--secondary-accent-color);
    --error-badge-background-color: var(--bg-tier-1-gradient);
    --error-badge-border-width: 1px;
    --error-badge-border-style: solid;
    --error-badge-border-color: var(--secondary-accent-color);
    --warning-alert-bg-color: var(--bg-tier-3);
    --warning-alert-text: var(--color-body-text);
    --warning-alert-border-color: var(--primary-accent-color);
    --category-link-border-width: 2px;
    --category-link-padding: 6px 10px;
    --category-link-font-size: var(--text-xl);
    --signup-filled-strength-bar-color: var(--secondary-gradient);
    --category-link-border-style: solid;
    --category-link-text-color: var(--secondary-accent-color);
    --category-link-hover-text-color: var(--secondary-accent-color);
    --tracking-1: 0px;
    --section-title-color: var(--secondary-gradient);
    --body-font-weight: 400;
    --color-primary-button-hover-bg: var(--secondary-gradient);
    --color-secondary-button-hover-bg: var(--primary-gradient);
    --primary-button-font-hover-color: var(--secondary-button-font-color);
    --secondary-button-font-hover-color: var(--primary-button-font-color);
    --shop-button-hover-color: var(--secondary-button-font-color);
    --shop-button-hover-background: var(--secondary-gradient);
    --logo-height-desktop: auto;
    --button-text-transform: uppercase;
    --footer-logo-max-width: 264px;
    --header-logo-max-width: 372px;
    --lobby-menu-background-color: var(--bg-tier-3-gradient);
    --mobile-nav-shadow: 2px 4px 6px black;
    --landing-hero-font-size-lines-1-and-4: var(--text-3xl);
    --landing-hero-font-size-line-2: var(--text-xl-plus);
    --landing-hero-title-text-align: center;
    --landing-hero-title-line-height: 1.3;
    --landing-header-left-margin: calc(var(--spacing)*8);
    --width-login-border: 2px;
    --sign-up-title-font-weight: 400;
    --lobby-menu-shadow: var(--shadow-primary-right-sm);
    --button-shadow: var(--shadow-primary-bottom-sm);
    --banner-title-shadow: var(--shadow-primary-bottom-sm);
    --side-menu-user-profile-border-radius: 10px;
    --balance-checkbox-border: 2px solid var(--secondary-accent-color);
    --balance-checkbox-border-radius: 10px;
    --balance-checkbox-color: var(--secondary-gradient);
    --landing-hero-lh-1-margin-bottom: 6px;
    --banner-title-color: var(--secondary-gradient);
    --landing-feedback-star-color: var(--secondary-accent-color);
    /*--landing-feedback-background page colours*/
    --landing-header-background: var(--bg-tier-2-gradient);
    --landing-hero-background: var(--bg-tier-1-gradient);
    --landing-games-background: var(--bg-tier-1-gradient);
    --landing-provider-background: var(--bg-tier-2-gradient);
    --landing-provider-nested-background: var(--bg-tier-1-gradient);
    --landing-usp-background: var(--bg-tier-3-gradient);
    --landing-top-pick-background: var(--bg-tier-2-gradient);
    --landing-feedback-background: var(--bg-tier-1-gradient);
    --landing-feedback-nested-background: var(--bg-tier-2-gradient);
    --landing-coins-background: var(--bg-tier-3-gradient);
    /*temporary change*/
    /*--main-lobby-promo-banner-font-weight: 400;*/
    --main-lobby-promo-banner-font-weight: 700;
    --coin-store-small-card-gc-fw: 700;
    --promotion-card-heading-font-size: 2.5rem;
    --coin-store-card-border-style: solid;
    --profile-label-font-size: var(--text-md);
    --error-badge-border-width: 2px;
    --landing-hero-cta-alignment: center;
    --landing-hero-max-width: 600px;
    --landing-hero-subtitle-padding-top: 100px;
    --bullet-point-display: none;
    --landing-hero-main-alignment: center;
    --landing-hero-title-text-color: var(--secondary-accent-color);
    --landing-hero-title-text-color-line-2: var(--color-body-text);
    --landing-hero-title-text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5), 0px 0px 24px rgba(0, 0, 0, 0.95);
    --unchecked-checkbox-border-color: var(--tertiary-accent-color);
    --checked-checkbox-border-color: var(--primary-accent-color);
    --checked-checkbox-bg-color: var(--primary-accent-color);
    --color-signup-input-border: var(--primary-accent-color);
    --signup-strength-bar-color: var(--color-body-text);
    --left-navigation-hover-color: var(--secondary-accent-color);
    --arrow-color: var(--secondary-accent-color);
    --game-collection-count-color: var(--secondary-accent-color);
    --secondary-button-text-shadow: none;
    --shop-button-hover-text-shadow: none;
    --shop-button-text-shadow: var(--primary-button-text-shadow);
    --primary-badge-text-shadow: var(--primary-button-text-shadow);
    --coin-card-letter-spacing: 0px;
    --coin-store-card-amount-font-size: var(--text-2xl);
    --coin-store-card-amount-font-size-scaled-down: var(--text-xl-plus);
    --secondary-badge-background-color: linear-gradient(#111111, #111111);
    --primary-badge-padding: 6px 6px !important;
    --coin-store-sc-badge-border-color: #98C838;
    --coin-store-sc-badge-background-color: linear-gradient(#98C838, #98C838);
    --coin-store-sc-badge-text-color: #003D19;
    --secondary-badge-color: #98C838;
    --secondary-badge-border-color: #98C838;
    --secondary-badge-border-width: 2px;
    --modal-content-border-color: var(--secondary-accent-color);
    --side-menu-background-background: var(--bg-tier-3-gradient);
    --header-background-webp: var(--bg-tier-2-gradient);
    --landing-hero-letter-spacing-lines-1-and-4: 0px;
    --mobile-nav-shop-label-color: var(--secondary-accent-color);
    --color-toggle-switch-bg: var(--bg-tier-2);
    --coin-store-button-primary-badge-padding: 10px 6px !important;
    --profile-note-text-color: var(--error-color);
    --form-checkbox-color: var(--secondary-gradient);
    --form-switch-bg-color: var(--secondary-gradient);
    --no-promotions-background-gradient: var(--bg-tier-2-gradient);
    --error-badge-font-color: var(--error-color);
    --error-badge-border-color: var(--error-color);
    --coin-store-card-border-width: 2px;
    --coin-store-card-border-color: #FFFFFF;
    --lobby-menu-icon-color: var(--secondary-accent-color)
}