:root {
    /* Base Backgrounds */
    --primary-bg: #0c0c0c;
    --secondary-bg: #1c1c1c;
    --panel-bg: #000000;
    --card-bg: #1c1c1c;

    /* Typography */
    --text-main: #f5f5f5;
    --text-muted: #a3a3a3;
    --text-muted-strong: #d4d4d4;
    --top-strip-text: #e5e5e5;

    /* Accents */
    --accent: #d4af37;
    /* Metallic Gold */
    --accent-soft: #f3e5ab;
    --accent-danger: #dc2626;
    --accent-success: #15803d;
    --accent-info: #ca8a04;
    --accent-brand: #d4af37;
    --accent-balance-side: #d4af37;

    /* Borders */
    --border-soft: #333333;
    --mega-border-color: #d4af37;
    --form-border: #404040;

    /* Theme Helpers */
    --navbar-bg: rgba(28, 28, 28, 0.98);
    --sidebar-bg: #080808;
    --sidebar-header-bg: #000000;
    --overlay-bg: rgba(0, 0, 0, 0.85);
    --overlay-strong: rgba(0, 0, 0, 0.95);
    --footer-bg: #000000;
    --footer-title: #d4af37;

    /* Provider Cards */
    --provider-card-bg: #262626;
    --provider-card-border: rgba(212, 175, 55, 0.3);
    --provider-card-border-hover: var(--accent);
    --provider-pill-bg: #000000;
    --provider-pill-border: #d4af37;
    --provider-pill-text: #f3e5ab;

    /* Specific UI Elements */
    --telegram-grad-from: #d4af37;
    --telegram-grad-to: #b45309;
    --sidebar-username: #f3e5ab;
    --sidebar-item-icon: #d4af37;
    --sidebar-item-active-bg: rgba(212, 175, 55, 0.1);
    --sidebar-item-active-border: var(--accent);
    --sidebar-logout-bg: #333333;
    --sidebar-logout-text: #ffffff;

    /* Result & Status */
    --result-card-bg: var(--card-bg);
    --result-header-bg: var(--secondary-bg);
    --result-row-bg: rgba(28, 28, 28, 0.95);
    --result-row-alt-bg: rgba(28, 28, 28, 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(212, 175, 55, 0.15);
    --result-pill-text: var(--accent);
    --status-online: var(--accent-success);
    --status-offline: var(--accent-danger);
    --status-maintenance: var(--accent-brand);

    /* Badges */
    --badge-pill-bg: rgba(28, 28, 28, 0.9);
    --badge-hot-bg: #b91c1c;
    --badge-maxwin-bg: #15803d;
    --badge-buyspin-bg: #854d0e;
    --badge-jackpot-bg: #d4af37;

    /* Shadows & Glows */
    --focus-shadow-color: rgba(212, 175, 55, 0.3);
    --theme-glow: 0 0 15px rgba(212, 175, 55, 0.2);
    --theme-primary: #d4af37;
    --theme-secondary: #f3e5ab;
    --dl-color-theme-accent1: #000000;

    /* Helpers */
    --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(28, 28, 28, 0.8);
    --provider-arrow-border: rgba(212, 175, 55, 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);

    /* Logos/Plates */
    --provider-logo-plate-bg: rgba(255, 255, 255, 0.95);
    --provider-logo-plate-shadow: rgba(0, 0, 0, 0.4);
    --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.95);
    --provider-mega-plate-border: rgba(212, 175, 55, 0.2);
    --provider-mega-plate-shadow: rgba(0, 0, 0, 0.5);
    --provider-mega-plate-radius: 14px;

    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --scrollbar-thumb: #404040;
    --thumb-overlay-gradient: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);

    --hero-card-border-color: rgba(212, 175, 55, 0.3);
    --hero-card-shadow-color: rgba(0, 0, 0, 0.9);
    --hero-badge-bg: rgba(212, 175, 55, 0.2);
    --hero-badge-text: #f3e5ab;
    --hero-stat-bg: rgba(28, 28, 28, 0.95);
    --hero-stat-border-color: rgba(212, 175, 55, 0.4);
    --hero-chip-border-color: rgba(255, 255, 255, 0.1);
    --hero-chip-bg: rgba(12, 12, 12, 0.9);
    --hero-rtp-inner-border-color: rgba(255, 255, 255, 0.1);

    --providers-strip-bg: rgba(12, 12, 12, 0.95);

    --auth-border-bottom: rgba(212, 175, 55, 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.8);
    --provider-card-shadow-color: rgba(0, 0, 0, 0.7);
    --provider-card-shadow-hover-color: rgba(212, 175, 55, 0.25);

    --submenu-border-top: rgba(51, 51, 51, 0.8);
    --auth-side-active-bg: rgba(212, 175, 55, 0.15);
    --auth-side-parent-open-bg: rgba(28, 28, 28, 0.98);
}