/*
Theme Name: Moon Essence Soul Edition
Version: 2.0.0
Description: Unified Design System for Moon Essence Coaching & Tools.
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lato:wght@300;400;700;900&display=swap');

:root {
    --m-bg: #050505; 
    --m-dark: #020617;
    --m-card: rgba(15, 23, 42, 0.6);
    --m-border: rgba(197, 160, 89, 0.2);
    --m-gold: #c5a059;
    --m-gold-glow: rgba(197, 160, 89, 0.4);
    --m-text: #f8fafc;
    --m-muted: #94a3b8;
    --m-indigo: #6366f1;
}

/* Global Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    background-color: var(--m-bg) !important;
    color: var(--m-text);
    font-family: 'Lato', sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
}

h1, h2, h3, .font-serif {
    font-family: 'Playfair Display', serif;
}

/* Glassmorphism Classes */
.moon-glass {
    background: var(--m-card);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--m-border);
    border-radius: 24px;
}

/* Global Buttons */
.btn-moon-gold {
    background: linear-gradient(135deg, #b8860b 0%, var(--m-gold) 100%);
    color: #000 !important;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 32px;
    border-radius: 50px;
    display: inline-block;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.btn-moon-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px var(--m-gold-glow);
}

/* Utility Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-soul { animation: fadeIn 0.8s ease forwards; }