/* === Light Theme Overrides === */

/* 1. Background Container */
.bg-aurora-container {
    background-color: #f8fafc;
    /* Slate-50 */
}

/* 2. Dot Pattern (Darker dots for light background) */
.bg-dot-pattern {
    background-image: radial-gradient(rgba(15, 23, 42, 0.4) 1px, transparent 1px);
}

/* 3. Masks (Same structure, but potentially tweaked logic if needed, keeping same for now) */
.mask-region-1 {
    mask-image: radial-gradient(circle at 20% 30%, black 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, black 0%, transparent 50%);
    -webkit-mask-image: radial-gradient(circle at 20% 30%, black 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, black 0%, transparent 50%);
}

.mask-region-2 {
    mask-image: radial-gradient(circle at 80% 20%, black 0%, transparent 40%),
        radial-gradient(circle at 10% 70%, black 0%, transparent 40%);
    -webkit-mask-image: radial-gradient(circle at 80% 20%, black 0%, transparent 40%),
        radial-gradient(circle at 10% 70%, black 0%, transparent 40%);
}

.mask-region-3 {
    mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 60%);
    -webkit-mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 60%);
}

/* 4. Blobs (Light Theme Colors) */
/* 左上：淡紫/薰衣草 */
.blob-1 {
    background: #e0e7ff;
}

/* 右上：清爽淡蓝 */
.blob-2 {
    background: #bae6fd;
}

/* 核心高光：极淡的品牌绿 (Mint/Lime) */
.blob-3 {
    background: radial-gradient(circle, rgba(196, 242, 46, 0.2) 0%, rgba(196, 242, 46, 0) 70%);
    mix-blend-mode: multiply;
    opacity: 0.6;
}

/* 底部：淡灰紫 */
.blob-4 {
    background: radial-gradient(circle, #f3e8ff 0%, transparent 70%);
    opacity: 0.8;
}

/* Nav Item - Ensure visibility if needed, though shared style uses same green */
/* .nav-item::after { background-color: #84cc16; } - Shared is fine */