:root {
    --primary-accent-color: #20BBD2;
    --primary-gradient: linear-gradient(180deg, var(--primary-accent-color) 0%, var(--primary-accent-color) 100%);
    --secondary-accent-color: #20BBD2;
    --secondary-gradient: linear-gradient(180deg, var(--secondary-accent-color) 0%, var(--secondary-accent-color) 100%);
    --bg-tier-1: #000509;
    --bg-tier-1-gradient: linear-gradient(180deg, var(--bg-tier-1) 0%, #002C39 100%);
    --bg-tier-2: #012632;
    --bg-tier-2-gradient: linear-gradient(180deg,#01161E 0%, #022632 100%);
    --bg-tier-3: #003443;
    --bg-tier-3-gradient: linear-gradient(180deg, var(--bg-tier-3) 0%, var(--bg-tier-3) 100%);
    --footer-background-color: var(--bg-tier-2);
    --color-body-text: #FFFFFF;
    --error-gradient: #F1416C;
    --error-button-border-color: var(--error-gradient);
    --error-badge-font-color: #F8CB46;
    --error-badge-border-style: solid;
    --error-badge-border-width: 2px;
    --error-badge-border-color: #F8CB46;
    --error-badge-background-color: transparent;
    --link-color: #5ABFE6;
    --bs-nav-link-hover-color: var(--link-color);
    --heading-font: "Montserrat", serif;
    --heading-font-font-family: var(--heading-font);
    --body-font: "Montserrat", serif;
    --body-font-weight: 400;
    --font-primary: var(--heading-font);
    --font-secondary: var(--body-font);
    --font-numbers: var(--body-font);
    --font-numbers-font: var(--body-font);
    --text-font-family: var(--body-font);
    --lending-page-text-ff: var(--body-font);
    --text-promotion-font-family: var(--body-font);
    --promotion-page-text-ff: var(--body-font);
    --font-family-nexa: var(--heading-font);
    --font-nexa: var(--heading-font);
    --mobile-nav-font-family: var(--heading-font);
    --mobile-nav-font-size: var(--text-sm);
    --footer-shop-button-label-font-family: var(--heading-font);
    --primary-button-font-color: var(--color-body-text);
    --color-primary-button-bg: #00B41D;
    --color-button-border: #00B41D;
    --color-primary-button-hover-bg: #24BBD2;
    --primary-button-border-hover-color: #24BBD2;
    --secondary-button-font-color: var(--color-body-text);
    --color-secondary-button-bg: #24BBD2;
    --color-secondary-button-border: #24BBD2;
    --color-secondary-button-hover-bg: #00B41D;
    --shop-button-text-color: #000000;
    --shop-button-border-color: transparent;
    --shop-button-hover-background: var(--bg-tier-1);
    --shop-button-hover-border-color: var(--color-secondary-button-border);
    --shop-button-border-width: 0px;
    --shop-button-top-padding: 5px;
    --shop-button-bottom-padding: 5px;
    --shop-button-left-right-padding-hover: 8px;
    --loyalty-button-bg-color: var(--color-primary-button-bg);
    --loyalty-button-border-width: 2px;
    --loyalty-button-border-color: var(--color-button-border);
    --loyalty-button-border-color-hover: var(--primary-button-border-hover-color);
    --font-main-buttons-fw: 700;
    --font-secondary: var(--body-font);
    --landing-games-title-fw: 800;
    --bullet-point-display: block;
    --login-label-font-weight: 800;
    --main-lobby-promo-banner-font-weight: 800;
    --color-category-font-weight: 700;
    --sign-up-title-font-weight: 800;
    --left-nav-font-weight: 700;
    --font-weight-extrabold: 800;
    --login-page-text-ff: 700;
    --geo-title-fw: 800;
    --color-header-login-button-bg: var(--secondary-gradient);
    --color-bg: var(--bg-tier-1);
    --color-header-bg: var(--bg-tier-2);
    --color-app-header-bg: var(--bg-tier-2);
    --color-header-items-bg: var(--bg-tier-1);
    --color-login-bg: var(--bg-tier-1-gradient);
    --color-login-block-bg: var(--bg-tier-1-gradient);
    --color-sidebar-bg: var(--bg-tier-2-gradient);
    --color-menu-body-bg: var(--bg-tier-3-gradient);
    --side-menu-background-background: var(--bg-tier-1);
    --claim-coins-bg: var(--bg-tier-2-gradient);
    --no-promotions-background-gradient: var(--bg-tier-2-gradient);
    --color-landing-nopurchase-bg: var(--bg-tier-1-gradient);
    --color-landing-providers-bg: var(--bg-tier-2-gradient);
    --color-landing-why-bg: var(--bg-tier-1-gradient);
    --color-landing-top-pick-bg: var(--bg-tier-2-gradient);
    --color-landing-testimonials-bg: var(--bg-tier-1-gradient);
    --header-background-position: center;
    --section-background-size: cover;
    --signup-title-color: linear-gradient(180deg, var(--color-body-text) 0%, var(--color-body-text) 100%);
    --landing-header-background: var(--bg-tier-2);
    --header-background-webp: linear-gradient(180deg, var(--bg-tier-1) 0%, var(--bg-tier-1) 100%);
    --lobby-main-padding-inline: calc(var(--spacing)*9);
    --landing-games-background: var(--bg-tier-1-gradient);
    --landing-games-mobile-background: var(--section-desktop-mobile);
    --landing-usp-background: var(--bg-tier-1-gradient);
    --landing-usp-mobile-background: var(--section-desktop-mobile);
    --landing-feedback-background: var(--bg-tier-1-gradient);
    --landing-feedback-mobile-background: var(--section-desktop-mobile);
    --landing-provider-background: linear-gradient(180deg, var(--bg-tier-2) 0%, var(--bg-tier-2) 100%);
    --landing-top-pick-background: var(--bg-tier-3-gradient);
    --landing-feedback-nested-background: var(--bg-tier-3-gradient);
    --landing-feedback-content-shadow: var(--shadow-primary-bottom-sm);
    --landing-coins-background: var(--bg-tier-3-gradient);
    --section-title-color: var(--secondary-accent-color);
    --landing-top-pick-title-color: var(--secondary-gradient);
    --landing-hero-subtitle-line-2-color: var(--secondary-accent-color);
    --landing-hero-subtitle-font-size: var(--text-xl-plus);
    --landing-hero-title-fw: 800;
    --landing-hero-banner-bg-position: bottom;
    --landing-hero-banner-bg-size: cover;
    --landing-providers-title-gradient: linear-gradient(180deg, var(--color-body-text) 0%, var(--color-body-text) 100%);
    --banner-subtitle-color: var(--color-body-text);
    --banner-title-color: var(--primary-gradient);
    --bold-title-color: var(--primary-gradient);
    --landing-hero-font-size-lines-1-and-4: 4.2rem;
    --landing-hero-font-size-line-2: 4.2rem;
    --landing-hero-title-text-align: center;
    --landing-hero-mobile-font-size-lines-1-and-4: 3.6rem;
    --bg-tier-1-transparent: var(--bg-tier-3);
    --top-pick-banner-aspect-ratio-desktop: 1366 / 307;
    --landing-top-pick-display: block;
    --landing-hero-font-size-line-2-max-width: 600px;
    --user-profile-margin: 5px;
    --side-menu-user-email-bg-image: linear-gradient(180deg, #00B41D 0%, #00B41D 100%);
    --lobby-menu-background-color: var(--bg-tier-2-gradient);
    --safetyhub-subtitle-color: var(--secondary-accent-color);
    --safetyhub-limits-subtitle-color: var(--secondary-accent-color);
    --color-main-lobby-categories-bg: var(--secondary-gradient);
    --color-main-lobby-categories-text: var(--color-body-text);
    --color-category-main-lobby-bg: var(--secondary-gradient);
    --color-category-for-you-bg: var(--secondary-gradient);
    --color-category-trending-bg: var(--secondary-gradient);
    --color-category-new-bg: var(--secondary-gradient);
    --color-category-category-bg: var(--secondary-gradient);
    --color-category-all-games-bg: var(--bg-tier-3-gradient);
    --color-category-selected-text: var(--color-body-text);
    --color-category-border: var(--primary-accent-color);
    --category-link-border-style: solid;
    --category-selected-link-background-image: var(--primary-gradient);
    --category-selected-link-text-color: var(--color-body-text);
    --category-link-border-radius: 10px;
    --game-collection-count-color: var(--primary-accent-color);
    --category-link-padding: 6px 7px;
    --geo-card-bg: var(--bg-tier-3-gradient);
    --faq-section-bg: var(--bg-tier-3-gradient);
    --category-link-text-color: var(--color-body-text);
    --category-link-border-width: 0;
    --color-category-border: transparent;
    --category-link-background-image: transparent;
    --color-footer-nav-bg: var(--bg-tier-1);
    --coin-store-card-border-color: var(--primary-accent-color);
    --coin-store-small-card-gc-fw: 900;
    --coin-store-card-amount-font-size: 3.6rem;
    --coin-store-sc-badge-border-color: var(--color-secondary-button-bg);
    --coin-store-sc-badge-background-color: #F8CB46;
    --coin-store-sc-badge-text-color: #000000;
    --coin-store-sc-badge-border-width: 0px;
    --coin-store-card-free-gc-bg-color: var(--bg-tier-1);
    --coin-store-card-free-gc-color: var(--secondary-accent-color);
    --store-badge-1-border: var(--primary-accent-color);
    --store-badge-1-text-color: #010206;
    --store-badge-2-border: #F8CB46;
    --store-badge-2-text: #010206;
    --secondary-badge-background-color: var(--secondary-gradient);
    --secondary-badge-color: #000000;
    --secondary-badge-border-color: var(--secondary-accent-color);
    --secondary-badge-border-width: 0px;
    --balance-checkbox-color: #00B41D;
    --login-input-border-width: 0px;
    --color-login-input-border: var(--bg-tier-3);
    --color-login-input: var(--bg-tier-3-gradient);
    --color-signup-input-border: var(--bg-tier-3);
    --color-signup-input-bg: var(--bg-tier-3-gradient);
    --signup-input-border-width: 2px;
    --color-promotions-card-gc-border: transparent;
    --color-promotions-card-gc-bg: linear-gradient(102deg, #F8CB46 -5.68%, #20BBD2 103.29%), #000F1B;
    --color-promotions-card-gc: #000000;
    --promotion-details-section-bg: var(--bg-tier-3);
    --promotions-card-gc-border-width: 0px;
    --promotions-card-gc-color: var(--secondary-accent-color);
    --form-checkbox-color: var(--primary-accent-color);
    --form-check-input-bg: color-mix(in oklab, var(--primary-accent-color) 50%, transparent);
    --form-switch-bg-color: var(--primary-accent-color);
    --color-date-input: var(--color-profile-input-bg);
    --select-dropdown-bg: var(--color-profile-input-bg);
    --profile-label-font-size: var(--text-sm1_5);
    --color-profile-input-bg: var(--bg-tier-3-gradient);
    --color-select-input: var(--color-profile-input-bg);
    --profile-input-field-shadow: 0px 4px 4px 0px var(--tw-shadow-color, #00000040) inset;
    --profile-signup-field-shadow: 0;
    --redeem-holdings-font-color: #000000;
    --redeem-holdings-item-bg: var(--bg-tier-3-gradient);
    --redeem-accordion-state-color: #28BB2F;
    --modal-content-bg: var(--bg-tier-3-gradient);
    --modal-verification-input-bg-color: var(--bg-tier-1);
    --accordion-button-bg: var(--bg-tier-3-gradient);
    --accordion-button-border-color: var(--primary-accent-color);
    --success-badge-background-color: var(--primary-accent-color);
    --success-badge-font-color: #000000;
    --checkbox-bg-color: transparent;
    --checked-checkbox-bg-color: var(--primary-gradient);
    --color-toggle-switch-bg: var(--bg-tier-3-gradient);
    --color-level-progress-bg-start: var(--color-body-text);
    --color-level-progress-bg-end: var(--primary-accent-color);
    --redeem-holdings-bg-color: var(--primary-gradient);
    --verified-button-bg: var(--primary-gradient);
    --unverified-button-bg: var(--bg-tier-3-gradient);
    --unverified-button-bd-color: var(--secondary-accent-color);
    --password-strength-bar-color: var(--primary-accent-color);
    --change-password-button-bg: var(--secondary-gradient);
    --color-change-password-button-bg: var(--primary-gradient);
    --color-profile-verification-status-bg: var(--secondary-gradient);
    --color-profile-redeem-button-bg: var(--secondary-gradient);
    --color-info-button-bg: var(--secondary-gradient);
    --app-header-loyalty-display: flex;
    --side-menu-user-info-display: none;
    --side-menu-user-profile-border-radius: var(--radius-lg);
    --side-menu-user-profile-shadow: none;
    --zero-balance-modal-bg-color: var(--bg-tier-1-gradient);
    --zero-balance-message-bg-color: var(--bg-tier-3);
    --alt-login-section-bg: var(--bg-tier-3);
    --dropdown-selected-option-color: var(--primary-accent-color);
    --promo-banner-button-font-size: var(--text-xl);
}