:root {
    --primary-accent-color: #F5D16D;
    --primary-accent-color-2: #C6A958;
    --primary-accent-color-3: #8F7A40;
    --primary-accent-color-4: #A58C47;
    --primary-gradient: linear-gradient(180deg, var(--primary-accent-color-2) 0%, var(--primary-accent-color) 33%, var(--primary-accent-color-3) 66%, var(--primary-accent-color-4) 100%);
    --secondary-accent-color: #363636;
    --secondary-gradient: linear-gradient(var(--secondary-accent-color));
    --color-body-text: #FFFFFF;
    --primary-button-font-color: #363636;
    --secondary-button-font-color: #F5D16D;
    --bg-tier-1: #262626;
    --bg-tier-1-gradient: linear-gradient(var(--bg-tier-1));
    --bg-tier-2: #363636;
    --bg-tier-2-gradient: linear-gradient(var(--bg-tier-2));
    --bg-tier-3: #454545;
    --bg-tier-3-gradient: linear-gradient(var(--bg-tier-3));
    --footer-text-color: var(--color-body-text);
    --footer-background-color: #000;
    --error-gradient: #F1416C;
    --link-color: #F5D16D;
    --button-border-width: 2px;
    --color-footer-nav-bg: var(--bg-tier-1-gradient);
    /* 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-secondary-button-border: var(--primary-accent-color);
    --color-header-bg: var(--bg-tier-1-gradient);
    --color-landing-nopurchase-bg: var(--bg-tier-1-gradient);
    --color-login-block-bg: var(--bg-tier-2-gradient);
    --login-input-border-width: 0;
    --color-login-input-border: var(--primary-accent-color);
    --color-login-input: var(--bg-tier-3-gradient);
    --color-login-bg: var(--bg-tier-1-gradient);
    --color-signup-input-border: var(--primary-accent-color);
    --color-signup-input-bg: var(--bg-tier-3-gradient);
    --signup-input-border-width: 0;
    --color-current-loyalty-level-bg: var(--primary-gradient);
    --color-reached-loyalty-text: #FFFFFF;
    --loyalty-level-1-gradient: linear-gradient(211.71deg, #314F69 7.3%, #395E7C 22.9%, #447093 37.27%, #64A4C7 52.46%, #5F9DC2 65.6%, #568DB6 78.33%, #3E6586 92.7%);
    --loyalty-level-2-gradient: linear-gradient(220.46deg, #8CA7AB 3.39%, #A3BFC3 21.76%, #B6D2D6 40.59%, #E1FAFE 57.17%, #D2ECF0 72.86%, #B2CED2 85.41%, #A8C4C8 96.61%);
    --loyalty-level-3-gradient: linear-gradient(220.92deg, #3E7243 3.09%, #4C8A51 17.86%, #5DA763 38.62%, #84D08D 54.07%, #72C079 68.31%, #60AB66 85.68%, #549759 96.91%);
    --loyalty-level-4-gradient: linear-gradient(226.69deg, #8A7644 1.39%, #A99857 16.93%, #C3B26D 41.82%, #F4E2A9 58.5%, #E8D594 76.94%, #C1AF6A 89.24%, #A58F53 98.61%);
    --color-profile-input-bg: var(--bg-tier-3-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-1-gradient);
    --color-menu-logo-bg: transparent;
    --color-landing-why-bg: var(--bg-tier-1-gradient);
    --color-landing-testimonials-bg: var(--bg-tier-1-gradient);
    /* font */
    --heading-font: "Rye";
    --body-font: "Roboto", sans-serif;
    --body-font-weight: 400;
    --font-numbers: var(--body-font);
    --color-category-font-weight: 400;
    --font-main-buttons-fw: 400;
    --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(--body-font);
    --mobile-nav-font-size: var(--text-xs);
    --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);
    --font-weight-black: 400;
    --login-page-text-fw: 400;
    --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='%2312153A' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --color-bg: var(--bg-tier-1);
    --color-promotions-card-gc-border: var(--color-secondary-button-border);
    --color-promotions-card-gc: var(--secondary-button-font-color);
    --color-promotions-card-gc-bg: var(--color-secondary-button-bg);
    --modal-verification-input-bg-color: var(--bg-tier-3-gradient);
    --kt-pagination-active-color: black;
    --error-badge-font-color: var(--primary-accent-color);
    --error-badge-background-color: var(--bg-tier-1-gradient);
    --error-badge-border-width: 2px;
    --error-badge-border-style: solid;
    --error-badge-border-color: var(--primary-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: 0;
    --category-link-padding: 4px 14px;
    --section-title-color: var(--primary-accent-color);
    --banner-title-color: linear-gradient(var(--primary-accent-color));
    --bold-title-color: linear-gradient(var(--primary-accent-color));
    --signup-filled-strength-bar-color: var(--primary-gradient);
    --coin-store-bonus-badge-width: 150px;
    --coin-store-sweeps-coin-badge-width: 150px;
    --logo-height-desktop: auto;
    --landing-hero-max-width: 900px;
    --landing-hero-container-max-width: 1360px;
    --landing-hero-title-fw: 500;
    --landing-hero-title-gap: 2.25rem;
    --landing-games-title-fw: 500;
    --primary-badge-font-size: var(--text-xl);
    --primary-badge-padding: 3px 6px 3px !important;
    --coin-store-card-border-style: none;
    --coin-store-sc-badge-border-color: var(--primary-accent-color);
    --coin-store-sc-badge-text-color: var(--primary-accent-color);
    --promotion-card-heading-font-size: var(--text-xl);
    --promotion-card-background: var(--bg-tier-2-gradient);
    --loyalty-bar-text-shadow: 0 4px 4px black;
    --color-category-border: var(--primary-accent-color);
    --category-link-border-style: solid;
    --category-link-text-color: var(--primary-button-font-color);
    --category-link-font-family: var(--heading-font);
    --category-link-background-image: var(--primary-gradient);
    --category-link-font-size: var(--text-lg1_5);
    --landing-hero-subtitle-font-size: var(--text-xl);
    --landing-hero-title-bottom-margin: 30px;
    --landing-hero-title-line-height: 100%;
    --color-landing-providers-bg: var(--bg-tier-2-gradient);
    --color-landing-top-pick-bg: var(--bg-tier-2-gradient);
    --claim-coins-bg: var(--bg-tier-2-gradient);
    --landing-feedback-star-color: var(--primary-accent-color);
    --landing-usp-title-background: var(--primary-accent-color);
    --landing-hero-title-text-color: var(--color-body-text);
    --shop-button-text-color: var(--secondary-accent-color);
    --shop-button-hover-color: var(--primary-gradient);
    --shop-button-hover-text-shadow: none;
    --game-collection-count-color: var(--primary-accent-color);
    --menu-body-user-name-fs: var(--text-md);
    --side-menu-user-profile-border-radius: var(--radius-lg);
    --side-menu-user-info-display: flex;
    --app-header-loyalty-display: flex;
    --color-menu-body-bg: var(--bg-tier-2-gradient);
    --side-menu-user-profile-border-radius: 10px;
}