/* html.theme-* has specificity (0-1-0-1), which beats @theme's :root (0-1-0-0).
This guarantees theme values always win regardless of CSS source order. */
html.theme-nexus-alpha-dark-gold {
--pwa-download-modal-a-color: #c5982d;
--pwa-assets-color: brightness(0) saturate(100%) invert(59%) sepia(87%) saturate(359%) hue-rotate(4deg) brightness(88%) contrast(93%);
/* ── COLOR GUIDE PALETTE ────────────────────────────────────────────────── */
/* Secondary (dark grays — darkest to lightest) */
--secondary-color-1: #BBBBBB; /* Title Footer, grey text */
--secondary-color-2: #939393; /* Grey text */
--secondary-color-3: #A8A8A8; /* Footer Text, Category icons */
--secondary-color-4: #676767; /* Footer Description, placeholder text */
--secondary-color-5: #484848; /* Dash stroke */
--secondary-color-6: #303030; /* Form Stroke, Desktop scrolling text, default tab */
--secondary-color-7: #1d1d1d; /* Navigation Menu, BG Pop up */
--secondary-color-8: #141414; /* Header, BG Game Category, BG Payment Method, BG game list */
--secondary-color-9: #0e0e0e; /* Footer, Form */
--secondary-color-10: #0a0a0a; /* Background Page */
--secondary-color-11: #141414; /* Background Payment Method */
--secondary-color-12: #303030; /* Desktop BG Scrolling Text */
--secondary-color-13: #1D1D1D; /* Navigation Menu */
--secondary-color-14: #000000; /* Pop-up BG */
--secondary-color-15: #FFFFFF; /* Title Game, Title Pop up */
--secondary-color-16: #FFFFFF; /* */
--secondary-color-17: #ACACAC; /* */
--secondary-color-18: #888888; /* */
--secondary-color-19: #676767; /* */
--secondary-color-20: #AAAAAA; /* */
/* Primary (gold scale — lightest to darkest) */
--primary-color-1: #fae58c; /* Header Icon, Gold Text 1 */
--primary-color-2: #e0c55e; /* Icon game active */
--primary-color-3: #B1841C; /* Active tab, Gold Text 2 */
--primary-color-4: #b88416; /* BG Game Popular */
--primary-color-5: #563b00; /* Text on primary button */
--primary-color-6: #141414; /* Header */
--primary-color-7: #141414; /* Header Stroke */
--primary-color-8: #0E0E0E; /* Header 2 Desktop */
--primary-color-9: #977E31; /* BG Provider Menu Hover */
--primary-color-10: #5D4D1C; /* BG Provider Asset */
--primary-color-11: #4F4011; /* BG Provider Asset */
--primary-color-12: #C99D01; /* Stroke Provider Asset */
--primary-color-13: #FAE58C; /* */
--primary-color-14: #EFBF4D; /* */
--primary-color-15: #FFEEC7; /* */
/* System (feedback) */
--system-color-1: #f97c7c; /* Error */
--system-color-2: #a6ff94; /* Success */
--system-color-3: #ffd167; /* Validation / Warning */
--system-color-4: #EE0000; /* Required */
--system-color-5: #00FF00; /* Status */
/* Button Colors */
--btn-color-primary-from: var(--primary-color-1); /* #FAE58C — primary button gradient start */
--btn-color-primary-to: var(--primary-color-3); /* #C5982D — primary button gradient end */
--btn-color-secondary-from: var(--secondary-color-4); /* #676767 — secondary button gradient start */
--btn-color-secondary-to: var(--secondary-color-6); /* #303030 — secondary button gradient end */
--btn-stroke-gray: var(--secondary-color-5); /* #484848 — gray button border/stroke */
--btn-stroke-gold: var(--primary-color-4); /* #B88416 — gold button border/stroke */
--btn-close-gray: #CACACA;
/* Provider Info Card (mobile game-category vendor page) */
--provider-info-bg-color: #151515;
--provider-info-text-color: #EFD77F;
/* ── REQUIRED: define in every theme ─────────────────────────────────── */
/* Brand */
--color-primary: var(--primary-color-4);
--color-primary-hover: var(--primary-color-3);
--color-primary-foreground: var(--primary-color-5);
/* Surfaces */
--color-background: var(--secondary-color-10);
--color-surface: var(--secondary-color-8);
--color-surface-raised: var(--secondary-color-7);
--color-modal-header: #171717;
--color-modal-content: #101010;
/* Text */
--color-foreground: #f1f5f9;
--color-muted-foreground: var(--secondary-color-3);
--color-foreground-inverse: var(--secondary-color-10);
/* Borders */
--color-border: var(--secondary-color-6);
--color-border-strong: var(--secondary-color-5);
/* Feedback */
--color-success: var(--system-color-2);
--color-warning: var(--system-color-3);
--color-error: var(--system-color-1);
--color-info: #60a5fa;
/* Typography */
--text-heading-size: 22px;
--text-heading-line-height: 1.5;
--text-heading-weight: 700;
--text-body-size: 16px;
--text-body-line-height: 1.5;
--text-body-weight: 400;
--text-caption-size: 12px;
--text-caption-line-height: 1.4;
--text-caption-weight: 400;
/* Layout */
--container-max-width: 1140px;
--container-padding-x: 0.75rem;
/* ── NEXUS-ALPHA SPECIFIC: only used in nexus-alpha components ─────────── */
--register-page-reminder-color: #d4bc64;
/* Copy-to-clipboard button (register form's phone/telegram fields) - exact hex
from CHM's Theme/desktop-dark-gold.css */
--copy-input-btn-field-btn-color: #d3a516;
--copy-input-btn-field-btn-hover-color: #aa7a14;
/* Header */
--site-header-bg: var(--primary-color-6);
--site-header-borderbtm: 4px solid var(--primary-color-7);
/* Sidebar */
--color-sidebar: var(--secondary-color-8);
--color-sidebar-foreground: #f1f5f9;
--color-sidebar-active: var(--primary-color-4);
/* Header buttons */
--btn-login-from: var(--btn-color-secondary-from);
--btn-login-to: var(--btn-color-secondary-to);
--btn-login-from-hover: var(--btn-color-secondary-to);
--btn-login-to-hover: var(--btn-color-secondary-from);
--btn-register-from: var(--btn-color-primary-from);
--btn-register-to: var(--btn-color-primary-to);
--btn-register-from-hover: var(--btn-color-primary-to);
--btn-register-to-hover: var(--btn-color-primary-from);
--btn-register-color: var(--primary-color-5);
--btn-register-border: transparent;
--download-apk-content-bg: #151515;
--download-apk-details-title-color: #fff;
--download-apk-details-desc-color: #DBDBDB;
--download-apk-details-btn-color: #fff;
--download-apk-details-btn-bg: linear-gradient(to bottom, #f3dd7f 0%, #b88416 100%);
--download-apk-details-btn-back-color: #fff;
--download-apk-details-btn-back-bg: #444;
--download-apk-details-btn-back-bs: none;
--pwa-platform-view-bg: #1e1e1e;
--pwa-platform-view-bg-image: radial-gradient(120% 80% at 50% 0%, #1e1e1e 0%, #000 100%);
--pwa-phone-header-bg: #1e1e1e;
--pwa-phone-header-color: #fff;
--pwa-title-color: var(--tx);
--pwa-muted-text-color: var(--tx-soft);
--pwa-tagline-color: var(--gold-bright);
--pwa-badge-color: var(--tx-mut);
--pwa-lite-button-bg: linear-gradient(to bottom, #dbbc6f 0%, #bc9f58 100%);
--pwa-lite-button-shadow: 0 14px 30px -10px #dbbc6f, inset 0 1px 0 rgba(255, 255, 255, 0.25);
/* Announcement Banner - bg still exact hex from CHM's Theme/desktop-dark-gold.css.
title/date color deliberately overridden to secondary-color-1 per QA request -
CHM itself uses #f4df80 here, so this is an intentional divergence, not a port. */
--announcement-cntr-bg: #2b2b2b;
--announcement-cntr-color: var(--secondary-color-1);
--announcement-cntr-section-announcement-bg: #1e1e1e;
--announcement-cntr-section-announcement-color: #fff;
--announcement-cntr-list-li-color: #fff;
/* Footer Provider Container - exact hex from CHM's Theme/desktop-dark-gold.css */
--provider-cntr-border: #3d3b3e;
--provider-cntr-color: #3b4b71;
--provider-cntr-h5-bg: #0e0e0e;
--provider-cntr-h5-color: #737373;
/* Topbar - exact hex from CHM's Theme/desktop-dark-gold.css */
--topbar-cntr-bg: #0d0d0d;
--topbar-left-section-item-color: #fff;
--topbar-left-section-item-a-hover-color: inherit;
/* Login Panel (topbar login/register buttons) - exact values from CHM's
Theme/desktop-dark-gold.css, its own separate var set from btn login and btn register */
--login-panel-login-btn-bg: linear-gradient(to bottom, #6a6a6a 0%, #464646 100%);
--login-panel-login-btn-color: #fff;
--login-panel-login-btn-border: transparent;
--login-panel-login-btn-hover-bg: linear-gradient(to bottom, #464646 0%, #6a6a6a 100%);
--login-panel-login-btn-hover-color: #fff;
--login-panel-register-btn-bg: linear-gradient(to bottom, #fff095 0%, #b88416 100%);
--login-panel-register-btn-color: var(--primary-color-5);
--login-panel-register-btn-border: transparent;
--login-panel-register-btn-hover-bg: linear-gradient(to bottom, #b88416 0%, #fff095 100%);
--login-panel-register-btn-hover-color: #000;
--login-panel-register-btn-hover-ts: none;
/* Progressive Jackpot */
--home-progressive-jackpot-bg: linear-gradient(#1c1607, #d4bf8e, #1c1607);
--home-progressive-jackpot-color: #fff;
--home-progressive-jackpot-outer-cntr-bg: #000000;
--home-progressive-jackpot-inner-cntr-bg: linear-gradient(#5f4509, #534117);
--home-progressive-jackpot-border-cntr-bg: #00000099;
--home-progressive-jackpot-border-cntr-border: 3px solid #aa9972;
--home-progressive-jackpot-jackpot-cntr-font-size: 40px;
--home-progressive-jackpot-jackpot-cntr-letter-spacing: 5px;
--home-progressive-jackpot-jackpot-cntr-font-family: "Open24DisplaySt", sans-serif;
--home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#dfb963, #54421a);
--home-progressive-jackpot-jackpot-inner-cntr-bg: #000000;
--home-progressive-jackpot-jackpot-border-cntr-border: 3px dotted #554c36;
--home-progressive-jackpot-jackpot-currency-color: #dfb963;
--home-progressive-jackpot-jackpot-play-text-color: #fd6f16;
--home-progressive-jackpot-jackpot-play-text-label-color: #009fc5;
--home-progressive-jackpot-border-color: #554c36;
--home-progressive-jackpot-currency-color: #dfb963;
/* Lottery Jackpot */
--lottery-result-cntr-bg: var(--secondary-color-8);
--lottery-result-cntr-color: var(--secondary-color-4);
--lottery-result-cntr-title-bg: var(--secondary-color-6);
--lottery-result-cntr-title-color: var(--primary-color-1);
--lottery-result-cntr-numbers-bg: var(--secondary-color-10);
/* Sport Match Item */
--sport-match-item-bg: linear-gradient(to bottom, var(--primary-color-1) 0%, var(--primary-color-4) 100%);
--sport-match-item-color: #fff;
--sport-match-item-even-bg: var(--secondary-color-7);
--sport-match-item-even-color: #d6ccb4;
--sport-match-item-info-cntr-bg: var(--secondary-color-8);
--sport-match-item-even-info-cntr-bg: var(--secondary-color-9);
--sport-match-item-even-info-cntr-color: #fff;
--sport-match-item-info-color: var(--primary-color-1);
--sport-match-item-teams-span-color: var(--primary-color-3);
/* Hot Match */
--hot-match-cntr-color: #d6ccb4;
--hot-match-cntr-data-match-info-date-color: var(--primary-color-1);
/* Popular Slots Games */
--popular-game-title-cntr-title-span-color: #fff;
--popular-game-title-cntr-title-span-bg: var(--primary-color-4);
--popular-game-title-cntr-title-span-after-bg: var(--primary-color-4);
--popular-game-title-cntr-content-border: 1px solid var(--primary-color-4);
--popular-game-title-cntr-content-game-list-game-item-game-name-color: var(--primary-color-1);
--popular-game-title-cntr-content-game-list-game-item-provider-name-color: #fff;
--popular-game-title-cntr-content-game-list-scrollbar-thumb-bg: var(--secondary-color-4);
--popular-games-bg-image: url("/assets/images/popular-games-background.jpg");
--popular-games-bg: var(--secondary-color-10);
--popular-games-left-section-title-bg: var(--secondary-color-8);
--popular-games-left-section-title-color: var(--primary-color-2);
--popular-games-scrtabs-tab-cntr-bg: linear-gradient(to bottom, var(--secondary-color-7) 0%, var(--secondary-color-4) 46%, var(--secondary-color-7) 100%);
--popular-games-nav-tabs-li-a-bg: var(--secondary-color-9);
--popular-games-nav-tabs-li-a-active-bg: var(--secondary-color-7);
--popular-games-scroll-arrow-bg: transparent;
--popular-games-scroll-arrow-color: #e6d580; /* CHM scrtabs-tab-scroll-arrow .bi-chevron color */
--popular-games-tab-pane-bg: var(--secondary-color-10);
--popular-games-tab-content-border: 1px solid var(--secondary-color-7);
--popular-games-list-game-item-hover-link-cntr-bg: rgba(0, 0, 0, 0.7);
/* Promotion */
--promotion-accent: var(--primary-color-4);
--promotion-accent-hover: var(--primary-color-3);
--promotion-accent-foreground: var(--primary-color-5);
--promotion-tab-inactive-bg: var(--secondary-color-8);
--promotion-tab-inactive-fg: rgba(255, 255, 255, 0.7);
--promotion-sidebar-bg: var(--secondary-color-9);
--promotion-card-bg: var(--secondary-color-8);
--promotion-btn-secondary-bg: var(--secondary-color-7);
--promotion-btn-secondary-hover-bg: var(--secondary-color-6);
--promotion-layout-bg: #000000cc;
--promotion-cntr-bg: rgba(0, 0, 0, 0.8);
/* Info Center */
--info-center-title-bg: var(--primary-color-2);
--info-center-title-color: #fff;
--std-side-menu-bg: var(--secondary-color-8);
--std-password-field-i-color: #fff;
--info-center-content-bg: var(--secondary-color-10);
--info-center-content-color: #fff;
--info-center-content-h4-color: #bbbbbb;
--a-color: var(--primary-color-1);
--a-focus-hover-color: var(--primary-color-4);
--std-side-menu-group-label-menu-a-color: #fff;
--std-side-menu-group-label-menu-a-bg: var(--secondary-color-9);
--info-center-content-title-bg: var(--secondary-color-7);
--info-center-content-title-color: #fff;
--info-center-panel-heading-bg: #242424;
/* Jackpot Winners */
--jackpot-winners-bg: linear-gradient(to bottom, var(--secondary-color-10) 0%, var(--secondary-color-7) 46%, var(--secondary-color-10) 100%);
--jackpot-winners-jackpot-winner-title-color: #fff;
--jackpot-winners-winners-ticker-cntr-bg: var(--secondary-color-10);
--winners-ticker-ul-li-winner-info-color: #fff;
--winners-ticker-ul-li-winner-amount-color: var(--primary-color-3);
/* Play Now & Free Play Buttons */
--play-now-free-play-border: none;
--play-now-bg: linear-gradient(to bottom, var(--btn-color-primary-from) 0%, var(--btn-color-primary-to) 88%);
--play-now-color: var(--primary-color-5);
--play-now-bs: none;
--play-now-hover-bg: linear-gradient(to bottom, var(--btn-color-primary-to) 0%, var(--btn-color-primary-from) 88%);
--play-now-hover-color: var(--primary-color-5);
/* "No game list" provider page description text - independent from --play-now-color */
--game-provider-desc-color: #d9aa16;
--free-play-bg: linear-gradient(to bottom, var(--btn-color-secondary-from) 0%, var(--btn-color-secondary-to) 100%);
--free-play-color: #fff;
--free-play-bs: none;
--free-play-hover-bg: linear-gradient(to bottom, var(--btn-color-secondary-to) 0%, var(--btn-color-secondary-from) 100%);
--free-play-hover-color: #fff;
/* Floating Action Button */
--floating-action-button-item-bg: linear-gradient(0deg, #B88416 0%, #CAB547 100%);
--floating-action-button-item-border: #BD9E53;
--floating-action-button-item-bs: 0 4px 24px 0 #d9aa1680;
/* Search Game Modal */
--search-icon: #e8e880;
/* Gradients */
--nxa-card-gradient: linear-gradient(180deg, rgb(from var(--primary-color-11) r g b / 0) 0%, rgb(from var(--primary-color-11) r g b / 0.337) 50.36%, var(--primary-color-10) 99.75%);
/* Banner Carousel Indicators */
--banner-bg: #070707;
--carousel-dots-li-border: 1px solid #fff;
--carousel-dots-active-bg: #f4e082;
--carousel-dots-active-border: #f4e082;
/* Register Section Header (CHM .standard-form-title) */
--register-section-header-bg: #7d6428;
--register-section-header-color: #FFFFFF;
--register-form-container-bg: #0c0c0c;
--modal-content-bg: #0c0c0c;
/* Search Icon (CHM Cdn.Images.Root filter on black-fill search.svg) */
--search-icon-filter: invert(84%) sepia(39%) saturate(438%) hue-rotate(354deg) brightness(104%) contrast(96%);
/* Header game-list dropdown (CHM .top-menu .game-list) */
--top-menu-game-list-btop: 4px solid #151515;
--top-menu-game-list-bg: rgba(0, 0, 0, 0.90);
--top-menu-game-list-bbot: 10px solid #242424;
--top-menu-game-list-li-a-background-bg: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(151, 126, 49, 0.71) 99.99%);
--top-menu-game-list-li-a-background-border: 1px solid #C99D01;
}