

    .theme-dark:root {
        --primary-100: #f1f5f9;
--primary-200: #e2e8f0;
--primary-300: #cbd5e1;
--primary-400: #94a3b8;
--primary-500: #64748b;
--primary-600: #475569;
--primary-700: #334155;
--primary-800: #1e293b;
--primary-900: #0f172a;

        --secondary-100: #dbeafe;
--secondary-200: #bfdbfe;
--secondary-300: #93c5fd;
--secondary-400: #60a5fa;
--secondary-500: #3b82f6;
--secondary-600: #2563eb;
--secondary-700: #1d4ed8;
--secondary-800: #1e40af;
--secondary-900: #1e3a8a;

        --accent-100: #e0f2fe;
--accent-200: #bae6fd;
--accent-300: #7dd3fc;
--accent-400: #38bdf8;
--accent-500: #0ea5e9;
--accent-600: #0284c7;
--accent-700: #0369a1;
--accent-800: #075985;
--accent-900: #0c4a6e;

        --green-100: #d1fae5;
--green-200: #a7f3d0;
--green-300: #6ee7b7;
--green-400: #34d399;
--green-500: #10b981;
--green-600: #059669;
--green-700: #047857;
--green-800: #065f46;
--green-900: #064e3b;

        --orange-100: #ffedd5;
--orange-200: #fed7aa;
--orange-300: #fdba74;
--orange-400: #fb923c;
--orange-500: #f97316;
--orange-600: #ea580c;
--orange-700: #c2410c;
--orange-800: #9a3412;
--orange-900: #7c2d12;

        --red-100: #fee2e2;
--red-200: #fecaca;
--red-300: #fca5a5;
--red-400: #f87171;
--red-500: #ef4444;
--red-600: #dc2626;
--red-700: #b91c1c;
--red-800: #991b1b;
--red-900: #7f1d1d;

        --tv-color-platform-background: var(--primary-900);
        --tv-color-pane-background: var(--primary-900);
        --tv-color-pane-background-secondary: var(--primary-900);
    }
    html.theme-dark {
        background-color: var(--primary-900);
    }
    html.theme-dark .group-3uonVBsm {
        background-color:  var(--primary-900) !important;
    }