[data-theme="NavyGoldLight"] {
  --color-z-primary: #faf7f0; /* Ivory — page background */
  --color-z-secondary: #e8e1db; /* Light Border — strong tint */
  --color-z-third: #f2eee5;
  --color-z-fourth: #f2eee5;
  --color-z-fifth: #e3b04b; /* Champagne Gold — key color */
  --color-z-sixth: #e8e1db;
  --color-z-seventh: #162235;
  --color-z-eighth: #c9973b;
  --color-z-nineth: #162235;
  --color-z-tenth: #5f6b7a;
  --color-z-t-primary: #fff;
  --color-z-wallet-tab-active-text: #162235;
  --color-z-t-accent-btn: #ffffff;
  --color-z-t-secondary: #162235; /* Midnight Navy — ink */
  --color-z-t-title: #162235;
  --color-z-b-primary: var(--color-z-t-primary);
  --color-z-b-secondary: #ffffff0d;
  --color-z-none-select: #5f6b7a; /* Slate Text */
  --color-z-footer: #5f6b7a;
  --color-z-footer-bg: #ffffff;
  --color-z-left-btn: #e3b04b;
  --color-z-right-btn: #f3d38a;
  --color-z-left-btn-secondary: #b8892e;
  --color-z-right-btn-secondary: #162235;
  --color-z-position: #e3b04b;
  --color-z-to: #e3b04b;
  --color-z-left-btn-hover: #c9973b;
  --color-z-right-btn-hover: #c9973b;
  --color-z-h-left-btn: #f0d9a6;
  --color-z-h-right-btn: #fcf9f2;
  --color-z-horizontal-rule: #e8e1db;
  --color-z-table: #fdfbf7;
  --color-z-table-secondary: #fdfbf7;
  --color-z-balance-bg: var(--color-z-table-secondary);
  --color-z-require: #ea1818;
  --color-z-validate: #ff4b59;
  --color-z-bg-process: #ffc7001f;
  --color-z-bg-complete: #70c9001f;
  --color-z-bg-cancel: #ff7a001f;
  --color-z-bg-fail: #ff4b591f;
  --color-z-bg-secondary: #0f1726;
  --color-z-text-process: #ffc700;
  --color-z-text-complete: #70c900;
  --color-z-text-cancel: #ff7a00;
  --color-z-text-fail: hsl(355, 100%, 65%);
  --color-z-daily-finish: #faf7f01a;
  --color-z-prize-pool: #362a65;
  --color-z-quest-left-btn: #c2bfff;
  --color-z-quest-right-btn: #7488ff;
  --color-z-reward-left-btn: #afdbff;
  --color-z-reward-right-btn: #4fadf8;
  --color-z-promotion-left-btn: #84e4d4;
  --color-z-promotion-right-btn: #3cbab0;
  --color-z-member-level-left-btn: #ffc5a7;
  --color-z-member-level-right-btn: #ff9a66;
  --color-z-affiliate-left-btn: #fbb9c2;
  --color-z-affiliate-right-btn: #ff7f97;
  --color-z-t-gamecard: #e8e1db;
  --color-z-b-gamecard: #e8e1db;
  --color-z-gamecard-fallback-bg: radial-gradient(
    120% 90% at 30% 10%,
    #162235 0%,
    #0f1726 55%,
    #162235 100%
  );
  --color-z-gamecard-fallback-border: rgba(122, 94, 28, 0.22);
  --color-z-gamecard-fallback-text: #7a5e1c;
  --color-z-svg-primary: var(--color-z-tenth);
  --color-z-svg-secondary: #fff;
  --color-z-svg-third: var(--color-z-t-secondary);
  --color-z-svg-fourth: #fff;
  --color-z-inherit: inherit;
  --color-z-b-menu: #e8e1db;
  --color-z-modal: var(--color-z-secondary);
  --color-z-fade: #0f1726;
  --color-z-bottom-menu-first: #ff6600; /* Warm Orange — CTA only */
  --color-z-bottom-menu-second: #e55c00;
  --color-z-bullet-uncheck: var(--color-z-none-select);
  --color-z-bullet-checked: #e3b04b;
  --color-z-line: #e8e1db;
  --color-z-game-card-line: #ffffff;
  --bg-z-top-game-rank: linear-gradient(180deg, #e3b04b 6.25%, #ecc26b 52.86%, #f3d38a 100%);
  --color-z-top-game-rank-stroke: #e3b04b;
  --color-z-t-game-count: #7a5e1c;
  --color-z-t-game-provider: #7c8694;
  --color-z-bg-provider-card: #162235;
  --color-z-bg-provider-card-footer: #f5f0e6;
  --color-z-bg-promotion-card-footer: #ffffff;
  --color-z-bg-provider-logo: #ffffff;
  --color-z-promotion-badge-1: #00a4ae;
  --color-z-promotion-badge-2: #5eb500;
  --color-z-promotion-badge-3: #0062ff;
  --color-z-promotion-badge-4: #fd69f7;
  --color-z-promotion-badge-5: #ff6838;
  --color-z-loading: #e3b04b;
  --color-z-t-active: #162235;
  --color-z-category-line: #e8e1db;
  --color-z-t-see-all: #8a6a1f;
  --color-z-t-live: #162235;
  --color-z-live-dot: #41c200;
  --color-z-clr-primary: #e3b04b;
  --color-z-action-default: var(--color-z-clr-primary);
  --color-z-clr-secondary-z: #fff;
  --color-z-clr-third: #c9973b;
  --color-z-clr-white: #ffffff;
  --color-z-text-t-gradient: #8a6a1f;
  --color-z-link: #b8892e;
  --color-z-h-datepicker: #c9973b;
  --color-z-datepicker-left: #e3b04b;
  --color-z-datepicker-right: #c9973b;
  --color-z-t-tab-active-left: #ffffff;
  --color-z-t-tab-active-right: #ffffff;
  --color-z-tab-content-left: #162235;
  --color-z-tab-content-right: #162235;
  --color-reward-public: #f0d9a6;
  --color-search-bg: #ffffff;
  --color-search-active-left: url(#gradientLeft);
  --color-search-active-right: url(#gradientRight);
  --color-z-free2play-left-btn: #f5cfff;
  --color-z-free2play-right-btn: #e692ff;
  --color-z-svg-white: #fff;

  --color-arrow-down-menu-icon: var(--color-z-none-select);
  --bg-z-promotion-gradient: linear-gradient(
    90deg,
    var(--color-z-h-right-btn) -165.72%,
    var(--color-z-h-left-btn) 100%
  );
  --bg-z-top-performance-gradient: linear-gradient(
    150deg,
    var(--color-z-h-left-btn) -8.63%,
    var(--color-z-h-right-btn) 101.47%
  );

  --bg-z-chevron-down: url("/assets/icons/home-page/chevron-down.svg");
  --bg-z-promotion-bonus: url("/assets/icons/promotion-page/bonus.svg");

  --bg-z-green-collect: url("/assets/icons/reward/exchange-money/button.svg");
  --bg-z-coin: url("/assets/icons/member-level/coin-background.svg");
  --bg-z-header-reward-sm: url("/assets/icons/reward/bg-header-sm.svg");
  --bg-z-header-reward-md: url("/assets/icons/reward/bg-header-md.svg");
  --bg-z-reward-decoration-sm: url("/assets/icons/reward/bg-decoration-sm.svg");
  --bg-z-reward-decoration-md: url("/assets/icons/reward/bg-decoration-redblack-md.svg");
  --bg-z-header-quest-sm: url("/assets/images/quest/header-sm.svg");
  --bg-z-header-quest-md: url("/assets/images/quest/header-md.svg");
  --bg-z-game-providers: url("/assets/images/bg-game-providers.svg");
  --color-z-jackpot-left-btn: #f3d5b5;
  --color-z-jackpot-right-btn: #d4a276;
  --color-z-announcement-text: #162235;
  --color-z-announcement-icon: #162235;
  --color-z-announcement-bg:
    linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), #faf7f0;
  --color-z-announcement-shadow:
    0px 0px 0px 1px #e3b04b, 0px 2px 0px 1px #8a6a1f, 0px 2px 4px rgba(227, 176, 75, 0.08),
    inset 0px -3px 1px #f7ecd3;
  --color-z-announcement-glow: linear-gradient(
    180deg,
    rgba(227, 176, 75, 0.24) 0%,
    rgba(227, 176, 75, 0) 100%
  );
  --color-z-announcement-divider: rgba(0, 0, 0, 0.2);
  --color-z-announcement-close: #8a94a2;
  --color-z-alert-shadow: 0 2px 4px
    color-mix(in srgb, color-mix(in srgb, var(--color-z-t-active), black 85%), transparent 56%);
  --color-z-alert-glow: linear-gradient(
    -28.53deg,
    color-mix(in srgb, var(--color-z-t-active), white 30%) 1.9%,
    transparent 17.34%,
    color-mix(in srgb, var(--color-z-t-active), white 85%) 87.37%
  );
  --color-z-game-tag-text: #b8892e;
  --color-z-game-tag-label: #8a6a1f;
  --color-z-game-tag-shelf: rgba(227, 176, 75, 0.24);
  --color-z-game-tag-shelf-fill: color-mix(in srgb, var(--color-z-to), transparent 68%);
  --color-z-game-tag-shelf-border: rgba(227, 176, 75, 0.6);
  --color-z-game-tag-shelf-border-gradient: linear-gradient(
    180deg,
    rgba(227, 176, 75, 0) 0%,
    rgba(227, 176, 75, 0.6) 100%
  );
  --color-z-side-menu: linear-gradient(
    90deg,
    var(--color-z-h-right-btn) -165.72%,
    var(--color-z-h-left-btn) 100%
  );
  --color-z-svg-left: #e3b04b;
  --color-z-svg-right: #c9973b;
  --color-z-t-side-menu: #b8892e;
  --color-z-t-privilege: var(--color-z-t-primary);
  --color-z-t-muted: var(--color-z-tenth);
  --color-z-t-game-demo: var(--color-z-t-primary);
  --color-z-t-top-perfor-tab: var(--color-z-t-primary);
  --color-z-bg-control: #e8e1db;
  --color-z-t-top-perfor-me: var(--color-z-text-t-gradient);
  --color-z-top-perfor-card: #ffffff;
  --color-z-top-perfor-indicator-rgb: 138 106 31;
  --color-z-top-perfor-overlay: rgba(15, 23, 38, 0.5);
  --color-z-primary-rgb: 250 247 240;
  --color-z-bg-tab: #f5f1e8;
  --color-z-bg-option: #faf7f0;
  --color-z-gradient-border: linear-gradient(
    270deg,
    var(--color-z-right-btn) 7.12%,
    var(--color-z-left-btn) 100%
  );
  --color-z-t-member-level-rank: var(--color-z-t-primary);
  --color-z-t-member-level-total: var(--color-z-t-secondary);
  --color-z-bg-level-system: rgba(255, 255, 255, 0.1);
  --color-z-t-level-system: var(--color-z-t-primary);
  --color-z-bg-level-tier: #f5f1e8;
  --color-z-bg-benefit: #f5f1e8;
  --color-z-filter-brightness: brightness(10);
  --color-z-bg-level-modal: #f5f1e8;
  --color-z-t-level-active: #b8892e;
  --color-z-menu-brightness: brightness(1);
  --color-z-t-menu-icon: #b8892e;
  --color-z-t-on-accent: #162235;
  --color-z-t-interactive: #b8892e;
  --color-z-icon-hover: #b8892e;
  --color-z-bg-dropdown: var(--color-z-third);
  --color-z-bg-point: #f5f1e8;
  --color-z-filter-brightness-search: brightness(0.3);
  --color-z-bg-box-checked: #e8e1db;
  --color-z-t-gradient-2: var(--color-z-t-secondary);
  --color-z-t-freespin-text: #b8892e;
  --color-z-bg-quest-accu: #f5f1e8;
  --color-z-t-profile-point: #b8892e;
  --color-z-bg-subtle: #ffffff;
  --color-z-side-menu-icon: var(--color-z-t-secondary);
  --color-z-svg-light: var(--color-z-svg-primary);
  --color-z-secondary-light: var(--color-z-secondary);
  --color-z-t-login-secondary: var(--color-z-t-secondary);
  --color-z-t-side-menu-muted: var(--color-z-t-muted);
  --color-z-t-side-menu-text: var(--color-z-t-muted);
  --color-z-t-side-menu-secondary: var(--color-z-t-secondary);
  --color-z-bg-side-menu-action: var(--color-z-secondary);
  --color-z-t-side-menu-action: var(--color-z-t-secondary);
  --color-z-read-more: var(--color-z-t-side-menu-action);
  --color-z-deposit-account-title: #162235;
  --color-z-deposit-account-level: #b8892e;
  --color-z-deposit-account-balance: #b8892e;
  --color-z-bg-navbar-toggle: #faf7f0;
  --color-z-bg-navbar-toggle-hover: var(
    --color-z-border-navbar-toggle-color,
    var(--color-z-bg-navbar-toggle)
  );
  --color-z-border-navbar-toggle-color: #e8e1db;
  --color-z-border-navbar-toggle: 1px solid #e8e1db;
  --color-z-t-navbar-toggle-icon: #5f6b7a;
  --color-z-bg-navbar-login-border: linear-gradient(
    90deg,
    var(--color-z-left-btn) 0%,
    var(--color-z-right-btn) 100%
  );
  --color-z-bg-navbar-login-content: var(--color-z-clr-white);
  --color-z-border-navbar-login: none;
  --color-z-bg-outline-button: transparent;
  --color-z-border-outline-button: none;
  --color-z-border-outline-button-gradient: var(--color-z-gradient-border);
  --color-z-bg-outline-button-content: transparent;
  --color-z-bg-form-input: var(--color-z-third);
  --color-z-button-disabled: var(--color-z-third);
  --color-z-button-disabled-text: var(--color-z-none-select);
  --color-z-decoration-underline-primary: var(--color-z-left-btn);
  --color-z-t-personal-message-bell: var(--color-z-none-select);
  --color-z-bg-navbar-point: var(--color-z-third);
  --color-z-border-navbar-point: none;
  --color-z-t-navbar-point: var(--color-z-t-secondary);
  --color-z-bg-bottom-nav: #ffffff;
  --color-z-bg-bottom-nav-blur: rgba(250, 247, 240, 0.64);
  --color-z-bg-setting: #f5f1e8;
  --color-z-bg-achieve: #fdfbf7;
  --color-z-bg-setting-secondary: var(--color-z-secondary);
  --color-z-text-t-gradient-light: var(--color-z-text-t-gradient);
  --color-z-table-row-odd: var(--color-z-fourth);
  --color-z-table-row-even: var(--color-z-primary);
  --color-z-footer-line: var(--color-z-secondary);
  --color-z-t-secondary-light: var(--color-z-t-primary);
  --color-reward-public-2: #b8892e;
  --color-z-none-select-light: #fff;
  --color-z-button-nav-text: #162235;
  --reward-intro-bg-1: linear-gradient(180deg, #cce4ff -0.19%, #459cff 193.35%);
  --reward-intro-bg-2: linear-gradient(180deg, #ffccdf -0.19%, #c84f67 193.35%);
  --reward-intro-bg-3: linear-gradient(180deg, #dcfcda -0.19%, #219a1a 193.35%);
  --color-z-reward-intro-title: #b8892e;
  --color-z-reward-divider-color: #ae88ff1a;
  --color-z-reward-intro-border: #ae88ff1a;
  --bg-z-reward-intro-backdrop: linear-gradient(
    180deg,
    rgba(240, 217, 166, 0.24) -4.86%,
    #f0d9a6 100%
  );
  --bg-z-reward-intro-panel: linear-gradient(
    180deg,
    rgba(240, 217, 166, 0.24) -4.86%,
    #f0d9a6 100%
  );
  --color-z-reward-pb: #f0d9a6;
  --color-z-reward-pb-mask: #faf7f0;
  --color-z-public-level: var(--color-z-fourth);
  --color-z-filter-bg: var(--color-z-secondary);
  --color-z-quest-category: #fff;
  --color-search-active-from: #e3b04b;
  --color-search-active-to: #e3b04b;
  --color-z-bg-button-outline: transparent;
  --color-z-border-button-outline: none;
  --color-z-border-button-outline-gradient: var(--color-z-gradient-border);
  --color-z-jackpot-pot-value: var(--color-z-reward-intro-title);
  --color-z-jackpot-pot-bg-end: rgba(255, 255, 255, 0.12);
  --bg-z-jackpot-selected-amount: linear-gradient(90deg, #fcf9f2 -165.72%, #f0d9a6 100%);
  --color-z-t-joined-text: #fff;
  --bg-z-gradient-active-2: linear-gradient(
    160deg,
    var(--color-z-h-left-btn) 0%,
    var(--color-z-h-right-btn) 140%
  );
  --color-z-quest-search-game: var(--color-z-table);
  --color-z-coupon-code-bg: var(--color-z-bg-option);
  --color-z-profile-bg: var(--color-z-table);
  --color-z-primary-button-bg: linear-gradient(180deg, #ff8a3d 6%, #ff6600 53%, #e55c00 100%);
  --color-z-primary-button-stroke: linear-gradient(
    180deg,
    rgb(255 255 255 / 45%) 0%,
    rgb(0 0 0 / 18%) 100%
  );
  /* 3D CTA. No spread on the lip shadow: any spread makes the lip 1px wider than the button on
     each side, which pokes out beside the bottom corners and reads as a broken edge. */
  --color-z-primary-button-shadow:
    inset 0 1px 0.8px 0.4px #ff9c5c, inset 0 -2px 0.8px 1.2px #b84a00, 0 3px 0 0 #a84400,
    0 4px 10px rgba(255, 102, 0, 0.3);
  --color-z-primary-button-radius: 12px;
  --color-z-primary-button-text: #ffffff;
  --color-z-primary-button-icon: #ffffff;
  --color-z-wallet-card-bg: linear-gradient(
    135deg,
    rgba(243, 211, 138, 0.35) 0%,
    rgba(233, 188, 97, 0.2) 24.75%,
    rgba(227, 176, 75, 0.25) 45.96%,
    rgba(201, 151, 59, 0.45) 70.71%
  );
  --color-z-wallet-card-border: linear-gradient(126.19deg, #f3d38a 0%, #b8892e 51.88%);
  --color-z-wallet-card-glow: #e3b04b26;
  --color-z-wallet-card-shadow: #8a6a1f40;
  --color-z-wallet-card-title-text: #162235;
  --color-z-wallet-card-balance-text: #8a6a1f;
  --color-z-navbar-achievements-bg:
    linear-gradient(0deg, #faf7f0, #faf7f0),
    radial-gradient(
      32.81% 14.42% at 50.96% 100%,
      rgba(243, 211, 138, 0.501961) 0%,
      rgba(243, 211, 138, 0.109804) 72.4%,
      rgba(243, 211, 138, 0) 100%
    ),
    radial-gradient(
      32.13% 13.46% at 50% 0%,
      rgba(243, 211, 138, 0.501961) 0%,
      rgba(243, 211, 138, 0.109804) 72.4%,
      rgba(243, 211, 138, 0) 100%
    );
  --color-z-navbar-achievements-border: #e3b04b99;
  --color-z-navbar-achievements-text: #8a6a1f;
  --color-z-navbar-achievements-hover-filter: brightness(1.04);
  --color-z-sidebar-menu-active-bg: linear-gradient(90deg, #e3b04b 0%, #f3d38a 100%);
  --color-z-sidebar-menu-active-border: linear-gradient(
    145deg,
    rgba(227, 176, 75, 0.7) 9.8%,
    rgba(227, 176, 75, 0.1) 25.92%,
    rgba(227, 176, 75, 0.03) 50.09%,
    rgba(227, 176, 75, 0.1) 74.27%,
    rgba(227, 176, 75, 0.6) 90.38%
  );
  --color-z-sidebar-menu-separator: linear-gradient(
    90deg,
    transparent 0%,
    #e3b04b3d 12%,
    #e3b04b66 50%,
    #e3b04b3d 88%,
    transparent 100%
  );
  --color-z-sidebar-mode-button-bg: linear-gradient(
    180deg,
    #3a4a66 0%,
    #22344f 6.25%,
    #55657f 100%
  );
  --color-z-sidebar-mode-button-border: #0a101c;
  --color-z-sidebar-mode-button-shadow:
    0 3px 0 0 #0a101c, inset 0 1px 0.8px 1px rgb(229 255 221 / 4%),
    inset 0 -3px 0.8px 1px rgb(18 20 17 / 70%), inset 0 -5px 1px 0 rgb(229 255 221 / 32%);
  --color-z-sidebar-mode-button-active-bg: linear-gradient(
    180deg,
    #f0da9f 0%,
    #e3b04b 6.25%,
    #b8892e 100%
  );
  --color-z-sidebar-mode-button-active-border: #6e5320;
  --color-z-sidebar-mode-button-active-shadow:
    0 3px 0 0 #8a6a1f, inset 0 1px 0.8px 1px #fffff799, inset 0 -3px 0.8px 1px #8c722633,
    inset 0 -5px 1px 0 #fffff280;
  --color-z-sidebar-mode-button-text: #d7dee8;
  --color-z-sidebar-mode-button-active-text: #162235;
  --color-z-sidebar-mode-button-icon: #ffffff;
  --color-z-sidebar-mode-button-icon-active: #162235;
  --color-z-sidebar-mode-button-hover-filter: brightness(1.1);
  --color-z-sidebar-tooltip-shadow: 0 2px 4px -2px #281f0a0d, 0 2px 6px 0 #8c72261f;
  --color-z-search-game-bg: #faf7f0;
  --color-z-search-game-border: #e8e1db;
  --color-z-search-game-border-hover: #c6bfb2;
  --color-z-search-game-text: #5f6b7a;
  --color-z-search-game-icon: #5f6b7a;
  --color-z-search-game-placeholder: #8a94a2;
  --color-z-sidebar-menu-item-text: #d7dee8;
  --color-z-sidebar-menu-active-text: #162235;
  --color-z-sidebar-menu-section-bg: #1b2a40;
  --color-z-sidebar-bg: #162235;
  --color-z-navbar-bg: #ffffff;
  --color-z-sidebar-theme-active-dark-bg: #000000;
  --color-z-sidebar-theme-active-bg: var(--color-z-primary);
  --color-z-sidebar-theme-active-light-bg: linear-gradient(
    180deg,
    var(--color-z-left-btn),
    var(--color-z-right-btn)
  );
  /* add new color here */
  --color-sub-footer-text: #8a94a2;
  --color-z-bg-auth-card: #ffffff;
  --color-z-auth-tab-underline: #e3b04b;
  --color-z-t-auth-muted: #8a94a2;
  --color-z-t-auth-link: #b8892e;
}

/* Navy sidebar in light mode (per gol7.lat mock): remap the shared surface/text tokens inside
   the sidebar containers only. Chained tokens resolve at the theme root, so every token the
   sidebar consumes directly is set here with a literal value. */
[data-theme="NavyGoldLight"] .container-sidemenu-shell,
[data-theme="NavyGoldLight"] .mobile-sidemenu-backdrop {
  --color-z-line: #2f4363;
  --color-z-table: #22344f;
  --color-z-third: #2a3d5a;
  --color-z-t-secondary: #ffffff;
  --color-z-t-muted: #aab4c3;
  --color-z-none-select: #aab4c3;
  --color-z-svg-primary: #ffffff;
  --color-z-t-active: #e3b04b;
  --color-z-t-see-all: #e3b04b;
  --color-z-category-line: color-mix(in srgb, #e3b04b, transparent 76%);
  --color-z-bg-side-menu-action: #0f1726;
  --color-z-sidebar-theme-active-bg: #0f1726;
}

/* The active "Light" theme option sits on a gold pill (--color-z-to) while its label/icon use
   --color-z-t-active, which is also gold inside the sidebar scope — force navy ink instead. */
[data-theme="NavyGoldLight"] .sidebar-theme-option-light.sidebar-theme-option-active {
  color: #162235;
}

/* The navbar's left rail (logo + collapse toggle) sits directly above the sidebar column: paint
   it navy so the sidebar reads as one full-height panel (per mock) while the rest of the navbar
   stays white. Hover/border tokens are chains resolved at the root, so they are re-set here. */
[data-theme="NavyGoldLight"] .sidebar-header-rail {
  background: var(--color-z-sidebar-bg);
  --color-z-line: #2f4363;
  --color-z-bg-navbar-toggle: #22344f;
  --color-z-bg-navbar-toggle-hover: #2f4363;
  --color-z-border-navbar-toggle-color: #2f4363;
  --color-z-border-navbar-toggle: 1px solid #2f4363;
  --color-z-t-navbar-toggle-icon: #aab4c3;
}

/* Auth modal: white card, page-tint input fill, slate muted text.
   Scoped so the rest of the light theme keeps its surfaces. */
[data-theme="NavyGoldLight"] .auth-modal-card {
  --color-z-third: #faf7f0;
  --color-z-none-select: #8a94a2;
}
[data-theme="NavyGoldLight"] .auth-modal-card input.custom-input:focus {
  border-color: var(--color-z-action-default);
  box-shadow: inset 0 0 0 1.2px var(--color-z-action-default);
}
.dp__theme_dark {
  --dp-background-color: var(--color-z-third) !important;
}