/* assets/css/presets.css - Background Presets for BigMeet (Mobbin-aligned) */

/* Mobbin Pure Gallery (Default) */
.bg-preset-mobbin,
.bg-preset-mobbin-gallery {
    background-color: #fafafa;
    background-image: 
        radial-gradient(at 50% 0%, #ffffff 0px, transparent 60%),
        radial-gradient(at 50% 100%, #f0f0f0 0px, transparent 60%);
    background-attachment: fixed;
    background-size: cover;
}

/* Mobbin Soft Canvas */
.bg-preset-mobbin-soft {
    background-color: #f3f3f3;
    background-attachment: fixed;
    background-size: cover;
}

/* Preset 1: Deep Mesh Blue */
.bg-preset-mesh-blue {
    background-color: #0b132b;
    background-image: 
        radial-gradient(at 10% 20%, rgba(30, 64, 175, 0.7) 0px, transparent 50%),
        radial-gradient(at 90% 10%, rgba(59, 130, 246, 0.5) 0px, transparent 50%),
        radial-gradient(at 50% 80%, rgba(37, 99, 235, 0.6) 0px, transparent 50%),
        radial-gradient(at 20% 90%, rgba(14, 165, 233, 0.5) 0px, transparent 50%);
    background-attachment: fixed;
    background-size: cover;
}

/* Preset 2: Royal Navy Corporate */
.bg-preset-navy {
    background-color: #03071e;
    background-image: 
        radial-gradient(ellipse at top left, #1d3557 0%, transparent 70%),
        radial-gradient(ellipse at bottom right, #457b9d 0%, #03071e 80%);
    background-attachment: fixed;
    background-size: cover;
}

/* Preset 3: Deep Emerald Green (สหกรณ์ / การเงิน) */
.bg-preset-emerald {
    background-color: #022c22;
    background-image: 
        radial-gradient(at 0% 0%, rgba(5, 150, 105, 0.6) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(16, 185, 129, 0.4) 0px, transparent 50%),
        radial-gradient(at 50% 50%, rgba(4, 120, 87, 0.5) 0px, transparent 60%);
    background-attachment: fixed;
    background-size: cover;
}

/* Preset 4: Royal Purple & Indigo */
.bg-preset-purple {
    background-color: #1e1b4b;
    background-image: 
        radial-gradient(at 15% 15%, rgba(124, 58, 237, 0.6) 0px, transparent 55%),
        radial-gradient(at 85% 85%, rgba(217, 70, 239, 0.4) 0px, transparent 50%),
        radial-gradient(at 50% 10%, rgba(99, 102, 241, 0.5) 0px, transparent 50%);
    background-attachment: fixed;
    background-size: cover;
}

/* Preset 5: Gold & Charcoal Luxury */
.bg-preset-gold {
    background-color: #18181b;
    background-image: 
        radial-gradient(at 80% 20%, rgba(217, 119, 6, 0.4) 0px, transparent 50%),
        radial-gradient(at 20% 80%, rgba(180, 83, 9, 0.35) 0px, transparent 50%),
        linear-gradient(135deg, #18181b 0%, #27272a 100%);
    background-attachment: fixed;
    background-size: cover;
}

/* Preset 6: Modern Slate Minimal */
.bg-preset-slate {
    background-color: #0f172a;
    background-image: 
        radial-gradient(at 50% 0%, rgba(51, 65, 85, 0.8) 0px, transparent 60%),
        linear-gradient(to bottom, #0f172a, #020617);
    background-attachment: fixed;
    background-size: cover;
}

/* Preset 7: Abstract Geometric Waves */
.bg-preset-abstract {
    background-color: #0a192f;
    background-image: 
        radial-gradient(at 0% 100%, rgba(13, 148, 136, 0.5) 0px, transparent 50%),
        radial-gradient(at 100% 0%, rgba(37, 99, 235, 0.5) 0px, transparent 50%),
        radial-gradient(at 50% 50%, rgba(30, 41, 59, 0.8) 0px, transparent 80%);
    background-attachment: fixed;
    background-size: cover;
}