/* =========================================
GAĻA MODE
========================================= */

body[data-mode="gaia"]{

    background:
    linear-gradient(
    to bottom,
    #120d08,
    #1d140d,
    #24180f
    );
}

/* =========================================
BACKGROUND
========================================= */

body[data-mode="gaia"] .light-bg{

    background:
    radial-gradient(
    circle at center,
    rgba(255,235,190,0.14),
    rgba(120,90,45,0.18),
    rgba(10,8,5,0.97)
    );

    filter:
    saturate(1.05)
    brightness(0.92);

    animation:
    haloPulse 10s ease-in-out infinite,
    haloMove 24s ease-in-out infinite;
}

/* =========================================
IMAGE HALO
========================================= */

body[data-mode="gaia"] .slide.active::after{

    background:
    radial-gradient(
    circle,
    rgba(140,110,55,0.24),
    rgba(80,55,20,0.10),
    transparent 72%
    );

    filter:blur(45px);
}

/* =========================================
GAĻA BUTTON
========================================= */

body[data-mode="gaia"] .gaia-btn{

    background:
    linear-gradient(
    145deg,
    #6e8f4d,
    #2d3d1f
    );

    border:
    1px solid rgba(255,230,180,0.14);

    color:#fff5df;

    text-shadow:
    0 0 12px rgba(255,240,210,0.12);

    box-shadow:
    0 0 22px rgba(120,170,80,0.18),
    0 0 55px rgba(60,90,35,0.16);

    backdrop-filter:
    blur(8px);
}

body[data-mode="gaia"] .gaia-btn:hover{

    transform:
    translateY(-4px)
    scale(1.015);

    box-shadow:
    0 0 30px rgba(120,180,90,0.28),
    0 0 60px rgba(50,90,35,0.22);
}

/* =========================================
TEXT PANEL
========================================= */

body[data-mode="gaia"] .story-text{

    background:
    linear-gradient(
    145deg,
    rgba(20,16,12,0.88),
    rgba(8,7,6,0.94)
    );

    border:
    1px solid rgba(180,140,90,0.10);

    box-shadow:
    0 0 35px rgba(0,0,0,0.30);

    color:
    rgba(255,245,225,0.92);
}

/* =========================================
TITLE
========================================= */

body[data-mode="gaia"] .title span{

    color:#d6b178;

    text-shadow:
    0 0 20px rgba(255,210,140,0.16);
}

/* =========================================
SEPARATOR
========================================= */

body[data-mode="gaia"] .separator{

    background:
    linear-gradient(
    to right,
    transparent,
    rgba(220,180,120,0.75),
    transparent
    );
}

/* =========================================
GAĻA ATMOSPHERE
========================================= */

body[data-mode="gaia"] .slide.active img{

    filter:
    saturate(1.05)
    contrast(1.02)
    brightness(0.96);
}