:root {
    --primary-accent-color: #00C9FF;
    --primary-gradient: linear-gradient(180deg, var(--primary-accent-color) 0%, var(--primary-accent-color) 100%);
    --secondary-accent-color: #FEC71D;
    --secondary-gradient: linear-gradient(180deg, var(--secondary-accent-color) 0%, var(--secondary-accent-color) 100%);
    --bg-tier-1: #000529;
    --bg-tier-1-gradient: linear-gradient(180deg, var(--bg-tier-1) 0%, var(--bg-tier-1) 100%);
    --bg-tier-2: #00094A;
    --bg-tier-2-gradient: linear-gradient(180deg, var(--bg-tier-2) 0%, var(--bg-tier-2) 100%);
    --bg-tier-3: #000529;
    --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;
    --link-color: var(--secondary-accent-color);
    --heading-font: "Balibold", sans-serif;
    --body-font: "Fira Sans", sans-serif;
    --cta-font: var(--body-font);
    --body-font-weight: 500;
    --subtitle-font: "Balibold", serif;
    --font-primary: var(--body-font);
    --font-secondary: var(--heading-font);
    --font-family-nexa: var(--body-font);
    --font-numbers: inherit;
    --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);
    --login-page-text-ff: var(--body-font);
    --mobile-nav-font-family: var(--body-font);
    --mobile-nav-font-size: var(--text-sm);
    --footer-shop-button-label-font-family: var(--body-font);
    --font-main-buttons-fw: 900;
    --primary-button-font-color: var(--bg-tier-1);
    --color-primary-button-bg: var(--secondary-gradient);
    --color-button-border: #FAA61A;
    --color-primary-button-hover-bg: var(--primary-gradient);
    --primary-button-border-hover-color: #FAA61A;
    --secondary-button-font-color: #000;
    --color-secondary-button-bg: var(--primary-gradient);
    --color-secondary-button-border: #FAA61A;
    --color-secondary-button-hover-bg: var(--secondary-gradient);
    --button-border-radius: 100px;
    --color-info-button-bg: var(--primary-gradient);
    --color-info-button-border: #FAA61A;
    --color-bg: var(--bg-tier-3);
    --color-header-bg: var(--bg-tier-1);
    --color-app-header-bg: var(--bg-tier-2);
    --color-header-items-bg: var(--bg-tier-1);
    --color-header-switcher-bg: var(--primary-gradient);
    --color-sidebar-bg: var(--bg-tier-1-gradient);
    --color-menu-body-bg: var(--bg-tier-1-gradient);
    --side-menu-background-background: var(--bg-tier-2-gradient);
    --color-footer-nav-bg: var(--bg-tier-1);
    --color-footer-nav-balance-bg: var(--primary-gradient);
    --color-footer-nav-balance-text: #000949;
    --footer-button-border-color: #FFFFFF;
    --color-login-bg: var(--bg-tier-1);
    --color-login-block-bg: var(--bg-tier-2-gradient);
    --color-login-border: #FAA61A;
    --color-login-input: var(--bg-tier-2-gradient);
    --color-signup-input-bg: transparent;
    --color-signup-input-border: #fff;
    --width-login-border: 0;
    --signup-input-border-width: 2px;
    --password-strength-bar-color: #3C833F;
    --color-landing-nopurchase-bg: var(--bg-tier-1);
    --color-landing-providers-bg: var(--bg-tier-2-gradient);
    --color-landing-why-bg: var(--bg-tier-1);
    --color-landing-top-pick-bg: var(--bg-tier-1);
    --color-landing-testimonials-bg: var(--bg-tier-1);
    --color-company-card-bg: var(--bg-tier-1-gradient);
    --section-title-color: var(--primary-accent-color);
    --landing-usp-title-background: white;
    --landing-providers-title-gradient: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
    --landing-hero-title-text-color-line-2: var(--secondary-accent-color);
    --banner-title-color: var(--secondary-gradient);
    --bold-title-color: var(--primary-gradient);
    --landing-feedback-star-color: var(--secondary-accent-color);
    --color-category-border: #4D5069;
    --category-link-border-style: solid;
    --category-link-background-image: var(--bg-tier-1-gradient);
    --category-link-text-color: #FFFFFF;
    --category-link-border-radius: 100px;
    --category-link-padding: 7px 22px;
    --color-category-selected-bg: var(--primary-gradient);
    --color-category-selected-text: #FFFFFF;
    --game-collection-count-color: var(--primary-accent-color);
    --arrow-color: var(--primary-accent-color);
    --coin-store-card-border-color: var(--secondary-accent-color);
    --coin-store-sc-badge-border-color: #FFFFFF;
    --coin-store-sc-badge-text-color: #FFFFFF;
    --landing-coins-background: var(--claim-coins-background);
    --color-level-progress-bg-start: var(--primary-accent-color);
    --color-level-progress-bg-end: var(--primary-accent-color);
    --color-current-loyalty-level-bg: var(--secondary-gradient);
    --color-reached-loyalty-text: #FFFFFF;
    --color-loyalty-card-bg: var(--bg-tier-2-gradient);
    --color-profile-input-bg: var(--bg-tier-3-gradient);
    --color-select-input: var(--bg-tier-1-gradient);
    --color-date-input: var(--bg-tier-1-gradient);
    --verified-button-bg: #00FF73;
    --verified-button-color: #FFFFFF;
    --unverified-button-bg: transparent;
    --unverified-button-color: #B30104;
    --unverified-button-bd-color: #B30104;
    --redeem-holdings-bg-color: var(--primary-accent-color);
    --redeem-barrier-bg: var(--bg-tier-2-gradient);
    --color-toggle-switch-bg: none;
    --form-switch-bg-color: var(--primary-accent-color);
    --form-checkbox-color: var(--primary-gradient);
    --balance-checkbox-color: var(--primary-gradient);
    --checked-checkbox-bg-color: var(--primary-gradient);
    --modal-verification-input-bg-color: var(--bg-tier-2-gradient);
    --pagination-active-bg: var(--primary-gradient);
    --pagination-active-border: var(--primary-accent-color);
    --color-icon: var(--primary-accent-color);
    --color-icon-arrow: var(--secondary-gradient);
    --color-social-icon-bg: var(--primary-accent-color);
    --color-social-icon-fg: #000949;
    --safetyhub-subtitle-color: var(--primary-gradient);
    --safetyhub-limits-subtitle-color: var(--primary-gradient);
    --button-border-width: 0px;
    --shop-button-hover-color: var(--primary-button-font-color);
    --shop-button-hover-text-shadow: none;
    --shop-button-hover-background: var(--primary-gradient);
    --loyalty-button-font-color: white;
    --side-menu-user-info-display: block;
    --secondary-badge-background-color: var(--secondary-gradient);
    --primary-badge-bg-color: var(--secondary-gradient);
    --primary-badge-button-border-width: 0px;
    --header-background-webp: var(--bg-tier-1-gradient);
    --toggle-item-border-radius: var(--button-border-radius);
    --input-group-radius: var(--button-border-radius);
    --input-group-border-width: 2px;
    --loyalty-button-bg-color: var(--primary-gradient);
    --loyalty-button-bg-color-hover: var(--secondary-gradient);
    --loyalty-button-font-color-hover: white;
    --category-link-border-width: 1px;
    --toggle-item-border-width: 2px;
    --form-check-input-bg: var(--bg-tier-2);
    --landing-hero-title-bottom-margin: 2.25rem;
    --coin-store-card-border-width: 0;
    --coin-store-badge-bg-color: var(--primary-accent-color);
    --coin-card-letter-spacing: 0;
    --promotion-card-background: var(--bg-tier-2-gradient);
    --search-button-color: var(--primary-accent-color);
    --search-button-hover-color: #fff;
    --landing-hero-text-align: center;
    --landing-hero-button-radius: var(--button-border-radius);
    --primary-button-font: var(--cta-font);
    --secondary-button-font: var(--cta-font);
    --landing-top-pick-top: 57%;
    --login-input-border-width: 2px;
    --login-input-border-radius: var(--button-border-radius);
    --color-login-input-border: white;
    --signup-bg: var(--section-bg, none) var(--bg-tier-3) 50% / cover no-repeat;
    --signup-title-color: linear-gradient(180deg, white 0%, white 100%);
    --sign-up-title-desktop-fontsize: var(--text-2xl);
    --profile-input-padding: 10px;
    --landing-games-no-purchases-text-align: right;
    --bullet-point-display: none;
    --promo-banner-display: grid;
    --promo-banner-grid-columns: 1fr auto 1fr;
    --promo-banner-content-column: 2;
    --promo-banner-content-justify: center;
    --promo-banner-action-column: 3;
    --promo-banner-action-justify: end;
    --banner-title-text-align: center;
    --login-container-bg: var(--color-login-block-bg);
    --lobby-menu-background-color: var(--bg-tier-2-gradient);
    --promo-banner-content-justify-mobile: flex-end;
    --banner-title-text-align-mobile: right;
    --main-lobby-promo-banner-align-mobile: end;
    --main-lobby-promo-banner-justify-mobile: center;
    --main-lobby-promo-banner-title-font-size: clamp(var(--text-2xl), 4.6vw, var(--text-3xl));
    --main-lobby-promo-banner-subtitle-margin: 5px;
    --landing-header-sticky-height: 100px;
    --landing-games-no-purchases-subtitle-justify-mobile: right;
    --landing-usp-background: var(--section-bg, none);
    --section-background-size: 100vw 100vh;
    --section-background-size-mobile: cover;
    --landing-usp-mobile-background-position: center;
    --landing-usp-background-repeat-desktop: no-repeat;
    --landing-usp-background-position-desktop: center;
}
