/*
 * Lemon Head Design — Global Styles
 * Applied on every page via functions.php enqueue.
 * Keep this minimal — page-specific styles live in each page file.
 */

/* ── CSS Variables (available globally) ──────────────────────────────────── */
:root {
    --lemon-green:       #8BC53F;
    --lemon-green-dark:  #6BA32D;
    --lemon-green-light: #a8d465;
    --lemon-yellow:      #FFC107;
    --dark-bg:           #0a0d10;
    --dark-bg-lighter:   #12161c;
    --dark-card:         #181d24;
    --dark-card-border:  #252d38;
    --light-bg:          #FFFFFF;
    --light-bg-alt:      #F8FAFB;
    --text-dark:         #0F1419;
    --text-dark-muted:   #5A6778;
    --text-light:        #FFFFFF;
    --text-light-muted:  #8a95a5;
}

/* ── GeneratePress resets for LHD pages ──────────────────────────────────── */
.lhd-page .site-main,
.lhd-page #primary {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.lhd-page .inside-article {
    padding: 0 !important;
}

.lhd-page .entry-title,
.lhd-page .entry-meta,
.lhd-page .entry-footer {
    display: none !important;
}

/* ── Full width content on LHD pages ─────────────────────────────────────── */
.lhd-page .content-area {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* ── Shared utility: container ───────────────────────────────────────────── */
.lhd-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
}

@media (max-width: 768px) {
    .lhd-container { padding: 0 20px; }
}

/* ── Reduced motion ──────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}