:root {
            /* Modo Oscuro (Default) */
            --bg: #0f172a;
            --panel: rgba(30, 41, 59, 0.85);
            --text-main: #f8fafc;
            --text-sub: #94a3b8;
            --accent: #3b82f6;
            --border: rgba(255, 255, 255, 0.08);
            --card-bg: rgba(30, 41, 59, 0.5);
        }

        .light-mode {
            /* Modo Claro */
            --bg: #f1f5f9;
            --panel: rgba(255, 255, 255, 0.9);
            --text-main: #1e293b;
            --text-sub: #64748b;
            --accent: #2563eb;
            --border: rgba(0, 0, 0, 0.1);
            --card-bg: rgba(255, 255, 255, 0.6);
        }