/* ============================================================ EAGLE WINGS EXPLORERS — LIGHT THEME Loaded AFTER style.css. All rules scoped to light theme. Theme is set as data-theme on ("light" is DEFAULT). ============================================================ */ html[data-theme="light"]{ --bg:#F8F6F1; --bg2:#FFFFFF; --card:#FFFFFF; --card2:#F3EFE6; --line:rgba(23,32,43,.09); --line2:rgba(23,32,43,.22); --gold:#A97C1E; --gold-2:#8A6410; --gold-dark:#2A1E05; --text:#182230; --muted:#5C6B7D; --wa:#22C55E; --wa-dark:#052012; --red:#C94F4F; } html[data-theme="light"] body{ background: radial-gradient(1200px 500px at 85% -10%, rgba(169,124,30,.08), transparent 60%), radial-gradient(900px 400px at -10% 30%, rgba(56,120,190,.06), transparent 55%), var(--bg); } /* ---------- header ---------- */ html[data-theme="light"] header{background:rgba(248,246,241,.9);border-bottom:1px solid var(--line)} html[data-theme="light"] .nav-links.open{background:rgba(248,246,241,.99)} /* ---------- hero ---------- */ html[data-theme="light"] .hero::before{background:radial-gradient(760px 420px at 78% 45%, rgba(169,124,30,.14), transparent 70%)} html[data-theme="light"] .hero-overlay{background:linear-gradient(180deg, rgba(248,246,241,.8) 0%, rgba(248,246,241,.4) 45%, var(--bg) 98%)} html[data-theme="light"] .hero-logo-bg{opacity:.16} html[data-theme="light"] .hero-logo-bg img{filter:drop-shadow(0 0 42px rgba(169,124,30,.3))} html[data-theme="light"] .hero-badge{background:rgba(169,124,30,.1);border-color:rgba(169,124,30,.42)} html[data-theme="light"] .hero h1 .gold{background:linear-gradient(135deg,#8A6410,#B98A2A);-webkit-background-clip:text;background-clip:text;color:transparent} /* ---------- cards / panels ---------- */ html[data-theme="light"] .exp-card, html[data-theme="light"] .featured, html[data-theme="light"] .step, html[data-theme="light"] .value-card, html[data-theme="light"] .who-card, html[data-theme="light"] .testi-card, html[data-theme="light"] .panel, html[data-theme="light"] .step-card{ background:linear-gradient(180deg,#FFFFFF,#F7F4ED); } html[data-theme="light"] .trust-strip .stat{background:linear-gradient(180deg,#FFFFFF,rgba(255,255,255,.55))} html[data-theme="light"] .side-card{background:linear-gradient(180deg,#FAF7EF,#FFFFFF);border-color:rgba(169,124,30,.4)} html[data-theme="light"] .cta-band{ background: radial-gradient(600px 240px at 50% -40%, rgba(169,124,30,.13), transparent 70%), linear-gradient(180deg,#FFFFFF,#F5F1E8); border-color:rgba(169,124,30,.4); } html[data-theme="light"] .status.past{background:rgba(23,32,43,.78);color:#fff} /* ---------- chips / buttons ---------- */ html[data-theme="light"] .chip{background:rgba(23,32,43,.05)} html[data-theme="light"] .chip.gold{color:var(--gold-2);border-color:rgba(169,124,30,.5)} html[data-theme="light"] a.chip:hover{border-color:rgba(169,124,30,.65);color:var(--gold-2)} html[data-theme="light"] .btn-ghost{background:rgba(23,32,43,.04)} html[data-theme="light"] .pop-chips button, html[data-theme="light"] .style-chips button{background:rgba(23,32,43,.05)} html[data-theme="light"] .style-chips button.on{background:linear-gradient(135deg,#C89B3F,#A97C1E);color:#fff;border-color:transparent} /* ---------- forms ---------- */ html[data-theme="light"] select, html[data-theme="light"] input[type=text], html[data-theme="light"] input[type=email], html[data-theme="light"] input[type=tel], html[data-theme="light"] textarea{ background:#FFFFFF;color:var(--text); } html[data-theme="light"] .success-banner{color:#177A3D} /* ---------- footer ---------- */ html[data-theme="light"] footer{background:#F1EDE3;border-top:1px solid var(--line)} /* ---------- misc ---------- */ html[data-theme="light"] .summary-list b{color:var(--text)} html[data-theme="light"] .day-list .d{color:var(--gold)} html[data-theme="light"] .exp-card h3 a, html[data-theme="light"] .featured .f-body h3{color:var(--text)}