/* ============================================================================
   CYBERGAZE — PREMIUM LIGHT THEME (shared across all pages)
   Everything is scoped to `body.theme-light`, so the default Dark Matrix theme
   is 100% untouched. Design language: Linear / Stripe / Vercel / Raycast —
   white frosted glass, violet (#7c3aed) primary, cyan (#06b6d4) accent,
   layered violet-tinted shadows, dark readable text.
   ============================================================================ */

/* CSS variable defaults — dark values mirror existing hard-coded ones, so
   declaring them changes nothing on dark. */
:root {
    --bg:            #030508;
    --text:          #e5e7eb;
    --primary:       #00ff9d;
    --card:          rgba(10, 10, 10, 0.7);
    --matrix-color:  0, 255, 157;
    --matrix-fade:   5, 5, 5;
}

/* ---- Light theme design tokens ----
   NB: --green/--cyan/--card/--border/--glow are the tokens the Command Center
   (profile.html) already drives its whole UI from; overriding them here
   re-skins that page automatically. Homepage tokens live alongside. */
body.theme-light {
    /* homepage tokens */
    --bg:            #fafafa;
    --surface:       #ffffff;
    --text:          #111827;
    --text-2:        #4b5563;
    --primary:       #7c3aed;
    --primary-strong:#6d28d9;
    --accent:        #06b6d4;
    --border:        rgba(124, 58, 237, 0.15);
    --card:          rgba(255, 255, 255, 0.85);
    --card-border:   rgba(124, 58, 237, 0.15);
    --card-shadow:   0 8px 30px rgba(124, 58, 237, 0.08);
    --matrix-color:  124, 58, 237;
    --matrix-fade:   250, 250, 250;
    /* Command Center (profile.html) token remaps */
    --green:         #7c3aed;   /* primary accent → violet */
    --cyan:          #0891b2;   /* accent → cyan (AA on white) */
    --border2:       rgba(6, 182, 212, 0.18);
    --glow:          0 8px 30px rgba(124, 58, 237, 0.12);
    --glow2:         0 8px 30px rgba(6, 182, 212, 0.10);
    background-color: var(--bg) !important;
    color: var(--text);
}

/* ===================== MATRIX BACKGROUND ===================== */
/* index.html overlay */
body.theme-light #matrix-overlay { background: rgba(250, 250, 250, 0.40) !important; }
/* profile.html matrix canvas is faint; nudge visibility for the light bg */
body.theme-light #matrix-canvas { opacity: 0.06 !important; }

/* ===================== BASE SURFACES ===================== */
body.theme-light .bg-cyber-darker    { background-color: rgba(255, 255, 255, 0.70) !important; }
body.theme-light .bg-cyber-dark      { background-color: #ffffff !important; }
body.theme-light .bg-black           { background-color: #ffffff !important; }
body.theme-light .bg-gray-900        { background-color: #f3f4f6 !important; }
body.theme-light .bg-gray-800        { background-color: #eef0f4 !important; }
body.theme-light .bg-gray-700        { background-color: #e5e7eb !important; }
body.theme-light .bg-cyber-dark.bg-opacity-50 { background-color: rgba(124, 58, 237, 0.06) !important; }

/* ===================== TEXT ===================== */
body.theme-light .text-gray-100,
body.theme-light .text-gray-200 { color: #111827 !important; }
body.theme-light .text-gray-300,
body.theme-light .text-gray-400 { color: #4b5563 !important; }
body.theme-light .text-gray-500,
body.theme-light .text-gray-600 { color: #6b7280 !important; }
body.theme-light .text-gray-700 { color: #4b5563 !important; }
body.theme-light .text-white     { color: #111827 !important; }

/* ===================== ACCENTS / BRANDING ===================== */
body.theme-light .text-cyber-primary               { color: #7c3aed !important; }
body.theme-light .text-cyber-secondary             { color: #0891b2 !important; }
body.theme-light .hover\:text-cyber-primary:hover   { color: #6d28d9 !important; }
body.theme-light .bg-cyber-primary                 { background-color: #7c3aed !important; }
body.theme-light .border-cyber-primary             { border-color: #7c3aed !important; }
body.theme-light .border-gray-800,
body.theme-light .border-gray-700,
body.theme-light .border-white\/5,
body.theme-light .border-white\/10 { border-color: rgba(124, 58, 237, 0.15) !important; }

/* Brand logo — light theme overrides */
body.theme-light .cybergaze-wordmark {
    color: #1e1b4b !important;
    text-shadow: none !important;
}
body.theme-light .cybergaze-logo {
    filter:
        drop-shadow(0 0 1px rgba(124,58,237,0.8))
        drop-shadow(0 0 5px rgba(124,58,237,0.25)) !important;
}
body.theme-light .cybergaze-brand:hover .cybergaze-logo {
    filter:
        drop-shadow(0 0 1px rgba(124,58,237,1))
        drop-shadow(0 0 10px rgba(109,40,217,0.45)) !important;
}

/* ===================== NAVBARS — frosted glass ===================== */
body.theme-light nav[role="navigation"],     /* index.html (new glass nav) */
body.theme-light nav.bg-cyber-darker,        /* fallback */
body.theme-light nav.navbar {                /* profile.html */
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid rgba(124, 58, 237, 0.10) !important;
    box-shadow: 0 1px 0 rgba(17, 24, 39, 0.02), 0 8px 24px rgba(124, 58, 237, 0.05);
}

/* ===================== CARDS — unified white glass ===================== */
body.theme-light .cyber-card,
body.theme-light .link-section-card,
body.theme-light .domain-info-item,
body.theme-light .redirect-step {
    background: var(--card) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--card-border) !important;
    box-shadow: var(--card-shadow) !important;
}
body.theme-light .cyber-card::before {
    background: linear-gradient(45deg, #7c3aed, #06b6d4, #7c3aed) !important;
    filter: blur(22px) !important;
}
body.theme-light .cyber-card:hover {
    border-color: rgba(124, 58, 237, 0.35) !important;
    box-shadow: 0 16px 40px rgba(124, 58, 237, 0.16), 0 4px 12px rgba(6, 182, 212, 0.08) !important;
    transform: translateY(-6px) scale(1.01) !important;
}
body.theme-light .cyber-card:hover::before { opacity: 0.22 !important; }
body.theme-light .cyber-card:hover .card-icon { filter: drop-shadow(0 0 8px rgba(124, 58, 237, 0.45)) !important; }
body.theme-light .bg-cyber-dark.rounded-full {
    background: linear-gradient(135deg, rgba(124,58,237,0.10), rgba(6,182,212,0.10)) !important;
    box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.12);
}

/* ===================== BUTTONS ===================== */
body.theme-light .cyber-btn {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
    border: 1px solid rgba(124, 58, 237, 0.0) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(124, 58, 237, 0.25);
}
body.theme-light .cyber-btn:hover {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%) !important;
    box-shadow: 0 10px 24px rgba(124, 58, 237, 0.35) !important;
    transform: translateY(-1px);
}

/* ===================== INPUTS ===================== */
body.theme-light input:not([type="checkbox"]):not([type="radio"]),
body.theme-light textarea,
body.theme-light select {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    color: #111827 !important;
}
body.theme-light input::placeholder,
body.theme-light textarea::placeholder { color: #9ca3af !important; }
body.theme-light input:focus,
body.theme-light textarea:focus,
body.theme-light select:focus {
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important;
}

/* ===================== FILE ANALYZER — dropzone glass ===================== */
body.theme-light #re-dropzone {
    background: rgba(124, 58, 237, 0.03) !important;
    border-color: rgba(124, 58, 237, 0.30) !important;
}
body.theme-light #re-dropzone:hover,
body.theme-light #re-dropzone.border-cyber-primary {
    border-color: #7c3aed !important;
    background: rgba(124, 58, 237, 0.06) !important;
    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.10) !important;
}
body.theme-light #re-dropzone .text-gray-600 { color: #7c3aed !important; }

/* ===================== SECURITY CHECK — scan-type & result cards ========== */
body.theme-light .scan-type-card {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(124, 58, 237, 0.14) !important;
    box-shadow: 0 4px 16px rgba(124, 58, 237, 0.06) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
body.theme-light .scan-type-card:hover {
    border-color: rgba(124, 58, 237, 0.30) !important;
    background: rgba(124, 58, 237, 0.03) !important;
}
body.theme-light .scan-type-card.selected {
    border-color: rgba(124, 58, 237, 0.55) !important;
    background: rgba(124, 58, 237, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.22), 0 8px 24px rgba(124, 58, 237, 0.12) !important;
}
body.theme-light .scan-type-card.selected::after {
    background: linear-gradient(90deg, transparent, #7c3aed, transparent) !important;
}
body.theme-light .scan-type-label { color: #111827 !important; }
body.theme-light .scan-type-desc  { color: #6b7280 !important; }

body.theme-light .scan-score-card {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(124, 58, 237, 0.14) !important;
    box-shadow: 0 8px 30px rgba(124, 58, 237, 0.08) !important;
}
body.theme-light .scan-score-card:hover {
    border-color: rgba(124, 58, 237, 0.28) !important;
    box-shadow: 0 16px 40px rgba(124, 58, 237, 0.14) !important;
}
body.theme-light .scan-score-label { color: #6b7280 !important; }
body.theme-light .score-bar-wrap   { background: rgba(17, 24, 39, 0.06) !important; }
body.theme-light .score-bar-pct    { color: #6b7280 !important; }

/* progress panel */
body.theme-light .cg-progress-panel {
    --pp-bg: rgba(255, 255, 255, 0.90);
    --pp-border: rgba(124, 58, 237, 0.16);
    box-shadow: 0 8px 30px rgba(124, 58, 237, 0.08);
}
body.theme-light .cg-progress-panel::before {
    background: linear-gradient(90deg, transparent, #7c3aed 30%, #06b6d4 70%, transparent) !important;
}

/* live-status surfaces — light theme */
body.theme-light .cg-ls-stage {
    background: rgba(124,58,237,0.04) !important;
    border-color: rgba(124,58,237,0.16) !important;
}
body.theme-light .cg-ls-msg      { color: #1f2937 !important; }
body.theme-light .cg-ls-card {
    background: rgba(17,24,39,0.03) !important;
    border-color: rgba(124,58,237,0.14) !important;
}
body.theme-light .cg-ls-v        { color: #374151 !important; }
body.theme-light .cg-ls-k,
body.theme-light .cg-ls-metric-k { color: #6b7280 !important; }
body.theme-light .cg-ls-metrics  { border-top-color: #e5e7eb !important; }
body.theme-light .cg-ls-metric {
    background: rgba(6,182,212,0.05) !important;
    border-color: rgba(6,182,212,0.18) !important;
}
body.theme-light .cg-ls-metric-v { color: #0891b2 !important; }
body.theme-light .cg-ls-explain {
    background: rgba(17,24,39,0.02) !important;
    border-color: #e5e7eb !important;
}
body.theme-light .cg-ls-explain summary { color: #4b5563 !important; }
body.theme-light .cg-ls-explain p        { color: #6b7280 !important; }
body.theme-light .cg-ls-fact {
    background: linear-gradient(135deg, rgba(124,58,237,0.05), rgba(6,182,212,0.04)) !important;
    border-color: rgba(124,58,237,0.16) !important;
}
body.theme-light .cg-ls-fact-txt { color: #4b5563 !important; }
body.theme-light .cg-ls-wave span        { background: linear-gradient(180deg, #06b6d4, #7c3aed) !important; }
body.theme-light .cg-ls-radar {
    background: radial-gradient(circle, rgba(124,58,237,0.06) 0%, rgba(255,255,255,0.4) 70%) !important;
    border-color: rgba(124,58,237,0.22) !important;
}
body.theme-light .cg-ls-radar-sweep {
    background: conic-gradient(from 0deg, rgba(124,58,237,0.45) 0deg, rgba(124,58,237,0.10) 40deg, transparent 90deg, transparent 360deg) !important;
}
body.theme-light .cg-ls-blip { background: #7c3aed !important; box-shadow: 0 0 8px #7c3aed !important; }

/* ===================== OSINT / SCAN detail surfaces ===================== */
body.theme-light .osint-table th {
    background: rgba(124, 58, 237, 0.05) !important;
    border-bottom: 1px solid rgba(124, 58, 237, 0.18) !important;
    color: #7c3aed !important;
}
body.theme-light .osint-table td {
    color: #374151 !important;
    border-bottom: 1px solid #e5e7eb !important;
}
body.theme-light .osint-table tr:hover td { background: rgba(124, 58, 237, 0.035) !important; }
body.theme-light .osint-progress-shimmer {
    background: linear-gradient(90deg, #7c3aed 0%, #06b6d4 50%, #7c3aed 100%) !important;
}
body.theme-light .link-section-title { color: #7c3aed !important; }
body.theme-light .ai-panel {
    background: linear-gradient(135deg, rgba(124,58,237,0.06) 0%, rgba(6,182,212,0.05) 100%) !important;
    border: 1px solid rgba(124, 58, 237, 0.18) !important;
}
body.theme-light .param-tag {
    background: rgba(6,182,212,0.08) !important; color: #0891b2 !important;
    border-color: rgba(6,182,212,0.25) !important;
}

/* ===================== STATISTICS ===================== */
body.theme-light .stat-glass-card,
body.theme-light .osint-stat-card {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--card-border) !important;
    box-shadow: var(--card-shadow) !important;
}
body.theme-light .stat-glass-card::before {
    background: linear-gradient(135deg, rgba(124,58,237,0.06) 0%, transparent 60%) !important;
}
body.theme-light .stat-glass-card:hover,
body.theme-light .osint-stat-card:hover {
    border-color: rgba(124, 58, 237, 0.30) !important;
    box-shadow: 0 16px 40px rgba(124, 58, 237, 0.14) !important;
}
body.theme-light .stat-number {
    background: linear-gradient(135deg, #7c3aed, #06b6d4);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: #7c3aed;
}
body.theme-light .stat-label { color: #6b7280 !important; }

/* ===================== PRICING ===================== */
body.theme-light .pricing-card {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--card-border) !important;
    box-shadow: var(--card-shadow) !important;
}
body.theme-light .pricing-card:hover {
    border-color: rgba(124, 58, 237, 0.30) !important;
    box-shadow: 0 20px 48px rgba(124, 58, 237, 0.16) !important;
    transform: translateY(-6px);
}
body.theme-light .pricing-card.featured {
    border-color: rgba(124, 58, 237, 0.45) !important;
    box-shadow: 0 24px 56px rgba(124, 58, 237, 0.20) !important;
}
body.theme-light .pricing-card.featured::before {
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important; color: #ffffff !important;
}
body.theme-light .pricing-name   { color: #111827 !important; }
body.theme-light .pricing-period  { color: #6b7280 !important; }
body.theme-light .pricing-divider { border-top: 1px solid #e5e7eb !important; }
body.theme-light .pricing-features li { color: #4b5563 !important; }
body.theme-light .pricing-features li::before { color: #7c3aed !important; }
body.theme-light .pricing-features li.locked,
body.theme-light .pricing-features li.locked::before { color: #9ca3af !important; }
body.theme-light .pricing-badge.free       { background: rgba(6,182,212,0.10) !important;  color: #0891b2 !important; }
body.theme-light .pricing-badge.pro        { background: rgba(124,58,237,0.10) !important; color: #7c3aed !important; }
body.theme-light .pricing-badge.enterprise { background: rgba(109,40,217,0.10) !important; color: #6d28d9 !important; }
body.theme-light .pricing-price.free-color { color: #0891b2 !important; }
body.theme-light .pricing-price.pro-color  { color: #7c3aed !important; }
body.theme-light .pricing-price.ent-color  { color: #6d28d9 !important; }
body.theme-light .pricing-cta.free-btn {
    background: rgba(6,182,212,0.08) !important; color: #0891b2 !important;
    border: 1px solid rgba(6,182,212,0.30) !important;
}
body.theme-light .pricing-cta.pro-btn { background: linear-gradient(135deg, #7c3aed, #6d28d9) !important; color: #fff !important; }
body.theme-light .pricing-cta.ent-btn { background: linear-gradient(135deg, #6d28d9, #5b21b6) !important; color: #fff !important; }

/* ===================== CONSOLE / TERMINAL (homepage) ===================== */
body.theme-light .terminal {
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(124, 58, 237, 0.18) !important;
    box-shadow: 0 12px 40px rgba(124, 58, 237, 0.12) !important;
}
body.theme-light .terminal-header {
    background: rgba(124, 58, 237, 0.04) !important;
    border-bottom: 1px solid rgba(124, 58, 237, 0.12) !important;
}
body.theme-light .terminal-body { color: #334155 !important; }
body.theme-light .terminal-body span { color: #334155 !important; }
body.theme-light .terminal-line span:first-child { color: #7c3aed !important; }
body.theme-light .term-cursor { color: #7c3aed !important; }
body.theme-light #term-output::-webkit-scrollbar-thumb { background: rgba(124, 58, 237, 0.25) !important; }

/* ============================================================================
   COMMAND CENTER (profile.html) — white glass + violet accents + dark text
   Most surfaces re-skin via the --card/--border/--green/--cyan var remaps
   above; the rules below fix the hard-coded green/cyan tints & glows.
   ============================================================================ */
body.theme-light ::-webkit-scrollbar-track { background: #eef0f4 !important; }
body.theme-light ::-webkit-scrollbar-thumb { background: #7c3aed !important; }

/* neon text glows → violet/cyan */
body.theme-light .neon-green { color: #7c3aed !important; text-shadow: 0 0 8px rgba(124,58,237,0.25) !important; }
body.theme-light .neon-cyan  { color: #0891b2 !important; text-shadow: 0 0 8px rgba(6,182,212,0.25) !important; }

/* generic muted greys used across the dashboard */
body.theme-light .glass,
body.theme-light .kpi-card,
body.theme-light .scan-card,
body.theme-light .achievement { box-shadow: 0 8px 30px rgba(124,58,237,0.06) !important; }
body.theme-light .kpi-card:hover,
body.theme-light .scan-card:hover,
body.theme-light .achievement.unlocked:hover { border-color: rgba(124,58,237,0.30) !important; }
body.theme-light .kpi-card::before { background: linear-gradient(90deg, transparent, #7c3aed, transparent) !important; }

/* tabs / chips / action buttons — hard-coded green/cyan tints → violet/cyan */
body.theme-light .tab-btn { color: #6b7280 !important; }
body.theme-light .tab-btn.active { background: rgba(124,58,237,0.10) !important; color: #7c3aed !important; border-color: rgba(124,58,237,0.25) !important; }
body.theme-light .tab-btn:hover:not(.active) { color: #374151 !important; background: rgba(17,24,39,0.04) !important; }
body.theme-light .filter-chip { color: #6b7280 !important; border-color: #e5e7eb !important; }
body.theme-light .filter-chip.active { background: rgba(124,58,237,0.12) !important; color: #7c3aed !important; border-color: rgba(124,58,237,0.30) !important; }
body.theme-light .action-btn-green { background: rgba(124,58,237,0.10) !important; color: #7c3aed !important; border-color: rgba(124,58,237,0.25) !important; }
body.theme-light .action-btn-green:hover { background: rgba(124,58,237,0.18) !important; box-shadow: 0 0 10px rgba(124,58,237,0.15) !important; }
body.theme-light .action-btn-cyan { background: rgba(6,182,212,0.10) !important; color: #0891b2 !important; border-color: rgba(6,182,212,0.25) !important; }
body.theme-light .action-btn-cyan:hover { background: rgba(6,182,212,0.18) !important; }
body.theme-light .action-btn-gray { background: rgba(17,24,39,0.05) !important; color: #4b5563 !important; border-color: #e5e7eb !important; }
body.theme-light .action-btn-gray:hover { background: rgba(17,24,39,0.09) !important; color: #111827 !important; }

/* status badges that use green/cyan (severity red/orange/etc kept as-is) */
body.theme-light .badge-info      { background: rgba(6,182,212,0.12) !important;  color: #0891b2 !important; border-color: rgba(6,182,212,0.30) !important; }
body.theme-light .badge-completed { background: rgba(124,58,237,0.10) !important; color: #7c3aed !important; border-color: rgba(124,58,237,0.25) !important; }
body.theme-light .badge-running   { background: rgba(6,182,212,0.10) !important;  color: #0891b2 !important; border-color: rgba(6,182,212,0.25) !important; }

/* progress + timeline + avatar accents */
body.theme-light .progress-track { background: rgba(17,24,39,0.06) !important; }
body.theme-light .progress-fill  { background: linear-gradient(90deg, #7c3aed, #06b6d4) !important; }
body.theme-light .timeline-item::before { background: linear-gradient(180deg, #7c3aed, transparent) !important; }
body.theme-light .timeline-dot { border-color: #7c3aed !important; }
body.theme-light .timeline-dot::after { background: #7c3aed !important; box-shadow: 0 0 6px rgba(124,58,237,0.5) !important; }
body.theme-light .avatar-ring { border-color: #7c3aed !important; }

/* ============================================================================
   DROPDOWNS & MODALS — inherit light surfaces
   ============================================================================ */
body.theme-light .language-menu,
body.theme-light [role="menu"] {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(124, 58, 237, 0.15) !important;
    box-shadow: 0 12px 40px rgba(124, 58, 237, 0.12) !important;
}
body.theme-light [role="menu"] a,
body.theme-light [role="menu"] button { color: #374151 !important; }
body.theme-light [role="menu"] a:hover,
body.theme-light [role="menu"] button:hover { background: rgba(124, 58, 237, 0.06) !important; }
/* homepage modals (auth / result / ethics) */
body.theme-light #auth-modal > div,
body.theme-light .ethics-modal-box,
body.theme-light .result-modal-box,
body.theme-light .consent-modal {
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(124, 58, 237, 0.18) !important;
    box-shadow: 0 24px 60px rgba(124, 58, 237, 0.18) !important;
    color: #111827 !important;
}
body.theme-light .consent-modal-title,
body.theme-light .consent-modal-body,
body.theme-light .consent-checkbox-label { color: #374151 !important; }

/* ===================== THEME TOGGLE BUTTON (both themes) ===================== */
.cg-theme-toggle {
    display: inline-flex; align-items: center; gap: 6px;
    background: transparent; border: 1px solid rgba(139, 92, 246, 0.35);
    color: inherit; cursor: pointer; padding: 6px 10px; border-radius: 8px;
    font-size: 0.85rem; line-height: 1;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.cg-theme-toggle:hover { border-color: rgba(139, 92, 246, 0.7); }
body.theme-light .cg-theme-toggle {
    border-color: rgba(124, 58, 237, 0.25);
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.08);
    color: #4b5563;
}
body.theme-light .cg-theme-toggle:hover { border-color: rgba(124, 58, 237, 0.5); }
.cg-theme-toggle .cg-theme-icon { font-size: 1rem; }
.cg-theme-toggle .cg-theme-label-light { display: none; }
body.theme-light .cg-theme-toggle .cg-theme-label-dark  { display: none; }
body.theme-light .cg-theme-toggle .cg-theme-label-light { display: inline; }