/*
 * Awakening Earth — Woodland Gold
 * Preview v1: restrained atmospheric enhancement.
 * CSS only. No animations, layout restructuring,
 * image replacement or player modifications.
 */

:root {
    --ae-magic-gold:var(--ae-champagne-gold,#C6A574);
    --ae-magic-light:#E5D6B8;
    --ae-magic-ink:var(--ae-antique-gold-ink,#75592F);
}

/* Soft golden light at deep-green section boundaries. */
.ae-deep-section,
.ae-join-future,
.ae-listen-podcasts {
    box-shadow:
      inset 0 1px 0 rgba(198,165,116,.48),
      inset 0 -1px 0 rgba(198,165,116,.26),
      inset 0 35px 75px -65px rgba(226,190,128,.30),
      inset 0 -35px 75px -65px rgba(226,190,128,.20);
}

/* A slightly warmer transition into the footer. */
.ae-site-footer {
    box-shadow:
      inset 0 1px 0 rgba(198,165,116,.46),
      inset 0 40px 85px -80px rgba(226,190,128,.28);
}

/* Delicate gold on dark section labels. */
.ae-deep-section .ae-meta,
.ae-listen-podcasts .ae-meta,
.ae-join-future .ae-meta {
    color:var(--ae-magic-light);
}

/* A subtle gilded edge on important homepage actions. */
.ae-hero .ae-actions .ae-btn-primary,
#ae-featured-artist .ae-btn-primary {
    border:1px solid rgba(198,165,116,.50);
}

/* A little warmth when interacting, rather than glitter. */
.ae-hero .ae-actions .ae-btn-primary:hover,
#ae-featured-artist .ae-btn-primary:hover,
.ae-footer-invite-primary:hover {
    box-shadow:
      0 0 0 1px rgba(198,165,116,.25),
      0 8px 24px rgba(198,165,116,.16);
}

.ae-hero .ae-actions .ae-btn-outline:hover {
    border-color:var(--ae-magic-gold);
    color:var(--ae-magic-light);
}

/* Restrained footer link illumination. */
.ae-site-footer a:hover,
.ae-site-footer a:focus-visible {
    color:var(--ae-magic-light);
}

/* Keep keyboard navigation clearly visible. */
.ae-hero .ae-actions a:focus-visible,
#ae-featured-artist a:focus-visible {
    outline:2px solid var(--ae-magic-gold);
    outline-offset:4px;
}