/**
 * CyberGlass 浅色模式变量覆盖
 * NOTE: 通过 [data-theme="light"] 选择器覆盖深色模式的 CSS 变量，
 * 霓虹色保持不变但降低发光强度，确保浅色背景下的可读性。
 */

[data-theme="light"] {
    --bg-void: #f0f2f5;
    --bg-deep: #e8eaef;
    --bg-surface: rgba(255, 255, 255, 0.85);
    --bg-elevated: rgba(255, 255, 255, 0.75);

    --glass-bg: rgba(255, 255, 255, 0.55);
    --glass-bg-strong: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(0, 0, 0, 0.08);
    --glass-border-hover: rgba(0, 0, 0, 0.15);

    --text-primary: rgba(10, 10, 15, 0.92);
    --text-secondary: rgba(10, 10, 15, 0.6);
    --text-tertiary: rgba(10, 10, 15, 0.38);

    /* 霓虹色微调——浅色背景下使用更深的霓虹色以保证对比度 */
    --neon-cyan: #0099aa;
    --neon-cyan-rgb: 0, 153, 170;
    --neon-magenta: #cc1155;
    --neon-magenta-rgb: 204, 17, 85;
    --neon-purple: #8a2be2;
    --neon-purple-rgb: 138, 43, 226;

    /* 降低辉光强度 */
    --glow-xs: 0 0 2px;
    --glow-sm: 0 0 4px;
    --glow-md: 0 0 10px;
    --glow-lg: 0 0 20px;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
    --shadow-neon-cyan: 0 0 12px rgba(var(--neon-cyan-rgb), 0.15);
    --shadow-neon-magenta: 0 0 12px rgba(var(--neon-magenta-rgb), 0.15);
    --shadow-neon-purple: 0 0 12px rgba(var(--neon-purple-rgb), 0.15);

    --gradient-surface: linear-gradient(145deg, rgba(255,255,255,0.9), rgba(240,242,245,0.95));
}

/* 浅色模式下的背景网格降级 */
[data-theme="light"] body {
    background-image:
        linear-gradient(rgba(var(--neon-cyan-rgb), 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--neon-cyan-rgb), 0.04) 1px, transparent 1px);
}

/* 浅色模式下的故障文字效果降低透明度 */
[data-theme="light"] .glitch-text::before,
[data-theme="light"] .glitch-text::after {
    opacity: 0.3;
}

/* 浅色模式下扫描线不可见 */
[data-theme="light"] .scanline-overlay {
    display: none;
}

/* 浅色模式下滚动条 */
[data-theme="light"] ::-webkit-scrollbar-track {
    background: var(--bg-deep);
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: rgba(var(--neon-cyan-rgb), 0.25);
    border-color: var(--bg-deep);
}