:root {
    --primary-bg: #040f16;
    --secondary-bg: #0b253a;
    --panel-bg: #010508;
    --card-bg: #0b253a;
    --text-main: #e0f7fa;
    --text-muted: #5eead4;
    --text-muted-strong: #99f6e4;
    --top-strip-text: #ccfbf1;
    --accent: #22d3ee;
    --accent-soft: #67e8f9;
    --accent-danger: #f87171;
    --accent-success: #34d399;
    --accent-info: #0ea5e9;
    --accent-brand: #22d3ee;
    --accent-balance-side: #22d3ee;
    --border-soft: #164e63;
    --mega-border-color: #0891b2;
    --form-border: #164e63;
    --navbar-bg: rgba(11, 37, 58, 0.96);
    --sidebar-bg: #010508;
    --sidebar-header-bg: #040f16;
    --overlay-bg: rgba(1, 5, 8, 0.85);
    --overlay-strong: rgba(1, 5, 8, 0.95);
    --footer-bg: #010508;
    --footer-title: #67e8f9;
    --provider-card-bg: #155e75;
    --provider-card-border: rgba(34, 211, 238, 0.3);
    --provider-card-border-hover: var(--accent);
    --provider-pill-bg: #040f16;
    --provider-pill-border: #0891b2;
    --provider-pill-text: #e0f7fa;
    --telegram-grad-from: #22d3ee;
    --telegram-grad-to: #0ea5e9;
    --sidebar-username: #67e8f9;
    --sidebar-item-icon: #22d3ee;
    --sidebar-item-active-bg: rgba(34, 211, 238, 0.15);
    --sidebar-item-active-border: var(--accent);
    --sidebar-logout-bg: #164e63;
    --sidebar-logout-text: #ffffff;
    --result-card-bg: var(--card-bg);
    --result-header-bg: var(--secondary-bg);
    --result-row-bg: rgba(11, 37, 58, 0.95);
    --result-row-alt-bg: rgba(11, 37, 58, 0.85);
    --result-tabs-bg: var(--primary-bg);
    --result-tab-active-bg: var(--secondary-bg);
    --result-tab-active-border: var(--accent);
    --result-pill-bg: rgba(34, 211, 238, 0.15);
    --result-pill-text: var(--accent);
    --status-online: var(--accent-success);
    --status-offline: var(--accent-danger);
    --status-maintenance: var(--accent-brand);
    --badge-pill-bg: rgba(11, 37, 58, 0.9);
    --badge-hot-bg: #f87171;
    --badge-maxwin-bg: #34d399;
    --badge-buyspin-bg: #0ea5e9;
    --badge-jackpot-bg: #22d3ee;
    --focus-shadow-color: rgba(34, 211, 238, 0.25);
    --theme-glow: 0 0 15px rgba(34, 211, 238, 0.2);
    --theme-primary: #22d3ee;
    --theme-secondary: #0ea5e9;
    --dl-color-theme-accent1: #ffffff;
    --provider-bar-bg: color-mix(in srgb, var(--provider-card-bg) 55%, var(--panel-bg));
    --provider-bar-bg-2: color-mix(in srgb, var(--provider-card-bg) 35%, var(--primary-bg));
    --provider-bar-border: color-mix(in srgb, var(--provider-card-border) 70%, transparent);
    --provider-bar-inner-glow: color-mix(in srgb, var(--accent) 18%, transparent);
    --provider-arrow-bg: rgba(11, 37, 58, 0.8);
    --provider-arrow-border: rgba(34, 211, 238, 0.4);
    --provider-item-bg: color-mix(in srgb, var(--secondary-bg) 70%, var(--primary-bg));
    --provider-item-border: color-mix(in srgb, var(--border-soft) 70%, transparent);
    --provider-item-text: var(--text-muted-strong);
    --provider-active-border: var(--accent);
    --provider-active-glow: var(--focus-shadow-color);
    --provider-logo-plate-bg: rgba(255, 255, 255, 0.9);
    --provider-logo-plate-shadow: rgba(0, 0, 0, 0.25);
    --provider-logo-plate-inset-y: 14px;
    --provider-logo-plate-inset-x: 26px;
    --provider-logo-plate-radius-offset: 6px;
    --provider-mega-plate-bg: rgba(255, 255, 255, 0.9);
    --provider-mega-plate-border: rgba(0, 0, 0, 0.08);
    --provider-mega-plate-shadow: rgba(0, 0, 0, 0.35);
    --provider-mega-plate-radius: 14px;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --scrollbar-thumb: #155e75;
    --thumb-overlay-gradient: linear-gradient(to top, rgba(1, 5, 8, 0.7), transparent);
    --hero-card-border-color: rgba(34, 211, 238, 0.3);
    --hero-card-shadow-color: rgba(1, 5, 8, 0.9);
    --hero-badge-bg: rgba(34, 211, 238, 0.2);
    --hero-badge-text: #67e8f9;
    --hero-stat-bg: rgba(11, 37, 58, 0.9);
    --hero-stat-border-color: rgba(34, 211, 238, 0.4);
    --hero-chip-border-color: rgba(255, 255, 255, 0.1);
    --hero-chip-bg: rgba(1, 5, 8, 0.9);
    --hero-rtp-inner-border-color: rgba(255, 255, 255, 0.1);
    --providers-strip-bg: rgba(1, 5, 8, 0.9);
    --auth-border-bottom: rgba(34, 211, 238, 0.3);
    --auth-balance-border: rgba(255, 255, 255, 0.1);
    --auth-level-bg: rgba(255, 255, 255, 0.1);
    --auth-icon-btn-bg: rgba(255, 255, 255, 0.15);
    --auth-icon-btn-alt-bg: rgba(255, 255, 255, 0.1);
    --auth-progress-bar-bg: rgba(255, 255, 255, 0.15);
    --auth-desktop-balance-border: rgba(255, 255, 255, 0.1);
    --overlay-shadow-color: rgba(0, 0, 0, 0.6);
    --provider-card-shadow-color: rgba(0, 0, 0, 0.4);
    --provider-card-shadow-hover-color: rgba(34, 211, 238, 0.3);
    --submenu-border-top: rgba(21, 94, 117, 0.6);
    --auth-side-active-bg: rgba(34, 211, 238, 0.15);
    --auth-side-parent-open-bg: rgba(11, 37, 58, 0.95);
}

/* === reference template --colors-* palette (auto-generated 2026-05-24) === */
:root, .t-jjUASA, .t-goXYqq {
  --colors-primaryDark: #147f8f;
  --colors-primaryDefault: #22d3ee;
  --colors-primaryLight: #43daf1;
  --colors-primaryLighter: #7ae5f5;
  --colors-primaryLightest: #bdf2fa;
  --colors-secondaryDark: #08638c;
  --colors-secondaryDefault: #0ea5e9;
  --colors-secondaryLight: #32b2ec;
  --colors-secondaryLighter: #6ec9f2;
  --colors-secondaryLightest: #b7e4f8;
  --colors-redDark: #954444;
  --colors-redDefault: #f87171;
  --colors-redLight: #f98686;
  --colors-redLighter: #fbaaaa;
  --colors-redLightest: #fdd4d4;
  --colors-greenDark: #1f7f5c;
  --colors-greenDefault: #34d399;
  --colors-greenLight: #52daa8;
  --colors-greenLighter: #85e5c2;
  --colors-greenLightest: #c2f2e0;
  --colors-blueDark: #08638c;
  --colors-blueDefault: #0ea5e9;
  --colors-blueLight: #32b2ec;
  --colors-blueLighter: #6ec9f2;
  --colors-blueLightest: #b7e4f8;
  --colors-yellowDark: #147f8f;
  --colors-yellowDefault: #22d3ee;
  --colors-yellowLight: #43daf1;
  --colors-yellowLighter: #7ae5f5;
  --colors-yellowLightest: #bdf2fa;
  --colors-inkDark: #0b253a;
  --colors-inkDefault: #040f16;
  --colors-inkLight: #0b253a;
  --colors-inkLighter: #233b4e;
  --colors-inkLightest: #164e63;
  --colors-skyDarker: #5eead4;
  --colors-skyDefault: #99f6e4;
  --colors-skyDefaultHalf: rgba(153, 246, 228, 0.5);
  --colors-skyLight: #e0f7fa;
  --colors-skyLighter: #e0f7fa;
  --colors-skyLightest: #ffffff;
  --colors-error: var(--colors-redDefault);
  --colors-success: var(--colors-greenDefault);
  --colors-linear: linear-gradient(180deg, #040f16 0%, #0b253a 100%);
  --colors-linearCard: linear-gradient(180deg, #0b253a 0%, #233b4e 100%);
  --colors-radialBlack: radial-gradient(circle, #0e1214 0%, #010508 100%);
  --colors-radialGreen: radial-gradient(circle, #52daa8 0%, #2aa97a 100%);
  --colors-radialRed: radial-gradient(circle, #f98686 0%, #c65a5a 100%);
  --colors-angularGold: conic-gradient(from -30deg at 50% 50%, #67e8f9 0deg, #67e8f9 0.04deg, #22d3ee 18deg, #67e8f9 90deg, #22d3ee 161deg, #67e8f9 233deg, #22d3ee 305deg, #67e8f9 360deg);
}
/* === end reference --colors-* palette === */