/* ==========================================================================
   THEME.CSS — AT STUDIO
   Active Client: SAIRAN & MARIEN — Marine + Vibrant Sunset Palette
   ========================================================================== */
:root {
    --accent:               #E8756A;
    --accent-light:         #F4B8C8;
    --accent-dark:          #C4574D;
    --accent-glow:          rgba(232, 117, 106, 0.3);
    --accent-glow-soft:     rgba(232, 117, 106, 0.15);
    --accent-glow-faint:    rgba(232, 117, 106, 0.05);
    --accent-border:        rgba(232, 117, 106, 0.2);
    --accent-border-mid:    rgba(232, 117, 106, 0.3);
    --accent-border-strong: rgba(232, 117, 106, 0.5);
    --accent-bg:            rgba(232, 117, 106, 0.1);
    --secondary:            #E8934A;
    --hero-gate-color:      #E8934A;
    --hero-gate-glow:       rgba(232, 147, 74, 0.3);
    --ampersand-color:      #F4B8C8;
    --bg-darkest:           #000000;
    --bg-dark:              #0e0e0e;
    --bg-dark-2:            #050505;
    --bg-dark-3:            #0a0a0a;
    --bg-light:             #fff8f6;
    --bg-light-overlay:     #fffaf8;
    --bg-cinema-image:      url('assets/images/std-marine.webp');
    --bg-schedule-image:    url('assets/images/flap-board.webp');
    --bg-gate-overlay:      linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.65));
    --bg-gate-image:        url('https://images.unsplash.com/photo-1534190760961-74e8c1c5c3da?auto=format&fit=max&q=80&w=1440');
    --section-decorator-color: #E8457A;
    --success:              #00ff88;
    --error:                #ff4b4b;
}

/*
   RESTORE GOLD THEME (Alex & Eloi):
   --accent: #d4af37; --accent-light: #f1d592; --accent-dark: #b08d2b;
   --accent-glow: rgba(212,175,55,0.3); --accent-glow-soft: rgba(212,175,55,0.15);
   --accent-glow-faint: rgba(212,175,55,0.05); --accent-border: rgba(212,175,55,0.2);
   --accent-border-mid: rgba(212,175,55,0.3); --accent-border-strong: rgba(212,175,55,0.5);
   --accent-bg: rgba(212,175,55,0.1); --secondary: #f6b6c1;
   --hero-gate-color: #f6b6c1; --hero-gate-glow: rgba(157,124,253,0.3);
   --ampersand-color: #f6b6c1; --bg-light: #f9f9f7; --bg-light-overlay: #fdfdfb;
   --section-decorator-color: #f6b6c1;
*/
/* ==========================================================================
   SECTION BACKGROUNDS — Sairan & Marien (Marine + Vibrant Sunset)
   Edit these per client to theme the "hardcoded dark" sections.
   ========================================================================== */

/* Our Flight Path — soft warm-white with faint coral grid (lightened for client) */
.flight-path-section {
    background-color: #fdf6f4;
    background-image:
        radial-gradient(ellipse at 20% 50%, rgba(232, 117, 106, 0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 30%, rgba(232, 147, 74, 0.06) 0%, transparent 55%),
        linear-gradient(rgba(232, 117, 106, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(232, 117, 106, 0.07) 1px, transparent 1px);
    background-size: auto, auto, 40px 40px, 40px 40px;
}

/* Customs & Immigration (RSVP) — soft blush-to-white (lightened for client) */
.rsvp-section {
    background-color: #fdf0ee;
    background-image:
        radial-gradient(ellipse at 50% 0%, rgba(232, 117, 106, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse at 0% 100%, rgba(244, 184, 200, 0.15) 0%, transparent 60%),
        radial-gradient(ellipse at 100% 100%, rgba(232, 147, 74, 0.08) 0%, transparent 60%),
        linear-gradient(180deg, #fdf0ee 0%, #fff8f6 60%, #fdf0ee 100%);
}

/* Gate overlay — reduced to let light through on index.html */
:root {
    --bg-gate-overlay: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.45));
}

/*
   RESTORE GOLD THEME (Alex & Eloi) — section backgrounds:
   .flight-path-section { background-color: #0a0a08; }
   .rsvp-section { background-color: #090909; }
*/