/* ====== DUAL THEME — DARK + LIGHT ====== */

:root, [data-theme="dark"] {
  --gold:        #C9A84C;
  --gold-light:  #E5C97A;
  --gold-dim:    #8B6914;
  --gold-faint:  rgba(201,168,76,0.12);
  --gold-line:   rgba(201,168,76,0.25);
  --bg:          #050505;
  --bg-2:        #0C0C0C;
  --bg-3:        #141414;
  --bg-4:        #1C1C1C;
  --text:        #F4F0E8;
  --text-dim:    #C8C4BC;
  --text-muted:  #787470;
  --text-faint:  #555250;
  --nav-bg:      rgba(5,5,5,0.92);
  --nav-bg-solid: rgba(5,5,5,0.98);
  --border:      rgba(201,168,76,0.1);
  --border-soft: rgba(201,168,76,0.06);
  --card-bg:     #0C0C0C;
  --card-hover:  #141414;
  --shadow:      0 8px 30px rgba(0,0,0,0.4);
  --hero-overlay: linear-gradient(to top, rgba(5,5,5,0.96) 0%, rgba(5,5,5,0.35) 45%, rgba(5,5,5,0.15) 100%),
                  linear-gradient(to right, rgba(5,5,5,0.55) 0%, transparent 60%);
}

[data-theme="light"] {
  --gold:        #B8902F;
  --gold-light:  #D4AC4D;
  --gold-dim:    #7A5E1F;
  --gold-faint:  rgba(184,144,47,0.08);
  --gold-line:   rgba(184,144,47,0.2);
  --bg:          #FAF7F1;
  --bg-2:        #F2EDE3;
  --bg-3:        #E8E1D2;
  --bg-4:        #DDD3BE;
  --text:        #1A1612;
  --text-dim:    #3A332B;
  --text-muted:  #6E665A;
  --text-faint:  #9A9182;
  --nav-bg:      rgba(250,247,241,0.92);
  --nav-bg-solid: rgba(250,247,241,0.98);
  --border:      rgba(184,144,47,0.15);
  --border-soft: rgba(184,144,47,0.08);
  --card-bg:     #FFFFFF;
  --card-hover:  #F2EDE3;
  --shadow:      0 8px 30px rgba(26,22,18,0.08);
  --hero-overlay: linear-gradient(to top, rgba(250,247,241,0.85) 0%, rgba(250,247,241,0.25) 45%, rgba(250,247,241,0.05) 100%),
                  linear-gradient(to right, rgba(250,247,241,0.4) 0%, transparent 60%);
}

body { background: var(--bg); color: var(--text); transition: background 0.4s, color 0.4s; }
nav { background: var(--nav-bg) !important; border-bottom-color: var(--border) !important; }
nav.scrolled { background: var(--nav-bg-solid) !important; }
.nav-links a { color: var(--text-dim) !important; }
.nav-links a:hover, .nav-links a.active { color: var(--gold) !important; }
[data-theme="light"] .nav-hamburger span { background: var(--text-dim); }

/* THEME TOGGLE — FLOATING, BOTTOM-LEFT */
.theme-toggle-floating {
  position: fixed; bottom: 2.2rem; left: 2.2rem; z-index: 9998;
  width: 48px; height: 48px;
  border-radius: 50%;
  background: var(--card-bg);
  border: 1px solid var(--gold-line);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all 0.35s cubic-bezier(0.16,1,0.3,1);
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}
.theme-toggle-floating:hover { transform: translateY(-3px) scale(1.06); border-color: var(--gold); }
.theme-toggle-floating svg { width: 18px; height: 18px; color: var(--gold); transition: opacity 0.3s; position: absolute; }
.theme-toggle-floating .moon-icon { opacity: 0; }
.theme-toggle-floating .sun-icon { opacity: 1; }
[data-theme="light"] .theme-toggle-floating .moon-icon { opacity: 1; }
[data-theme="light"] .theme-toggle-floating .sun-icon { opacity: 0; }
@media(max-width:600px){ .theme-toggle-floating { width:44px; height:44px; bottom:1.5rem; left:1.5rem; } }

[data-theme="light"] .section-dark, [data-theme="light"] .section-deeper { background: var(--bg-2); }
[data-theme="light"] .card, [data-theme="light"] .tcard, [data-theme="light"] .review-card,
[data-theme="light"] .pkg-card, [data-theme="light"] .step-card {
  background: var(--card-bg); border-color: var(--border); color: var(--text);
}
[data-theme="light"] .card:hover, [data-theme="light"] .tcard:hover { background: var(--card-hover); }
[data-theme="light"] .pkg-card.featured { background: #FFFCF4; border-color: var(--gold); }
[data-theme="light"] .stats-strip { background: var(--bg-2); border-color: var(--border); }
[data-theme="light"] .stat-item { border-right-color: var(--border-soft); }
[data-theme="light"] .stat-item:hover { background: var(--card-hover); }
[data-theme="light"] .trusted-strip { background: var(--bg-2); }
[data-theme="light"] .card-title, [data-theme="light"] .tcard-quote, [data-theme="light"] .pull-quote-text,
[data-theme="light"] .section-title, [data-theme="light"] .hero-title, [data-theme="light"] .pkg-name,
[data-theme="light"] .process-title, [data-theme="light"] .reel-title { color: var(--text); }
[data-theme="light"] .card-body, [data-theme="light"] .pkg-features li, [data-theme="light"] .body-text { color: var(--text-dim); }
[data-theme="light"] .section-eyebrow, [data-theme="light"] .eyebrow, [data-theme="light"] .hero-eyebrow,
[data-theme="light"] .page-header-eyebrow { color: var(--gold); }
[data-theme="light"] footer { background: var(--bg-2); border-color: var(--border); }
[data-theme="light"] .footer-brand p, [data-theme="light"] .footer-col ul li a, [data-theme="light"] .footer-bottom p { color: var(--text-muted); }
[data-theme="light"] .footer-col ul li a:hover { color: var(--gold); }
[data-theme="light"] .nav-logo img, [data-theme="light"] .footer-logo img { filter: invert(1) hue-rotate(180deg); }
[data-theme="light"] .hero-overlay { background: var(--hero-overlay); }
[data-theme="light"] .hero-tagline { color: var(--text-muted); }
[data-theme="light"] .logo-chip { color: rgba(26,22,18,0.35); }
[data-theme="light"] .logo-chip:hover { color: var(--gold); }
[data-theme="light"] .trusted-label { color: var(--text-muted); }
[data-theme="light"] .page-header { background: var(--bg); }
[data-theme="light"] .btn-outline { color: var(--gold); border-color: rgba(184,144,47,0.5); }
[data-theme="light"] .btn-outline:hover { background: var(--gold-faint); border-color: var(--gold); }
[data-theme="light"] .btn-gold, [data-theme="light"] .btn-primary { background: var(--gold); color: white; }
[data-theme="light"] .btn-gold:hover { background: var(--gold-light); box-shadow: 0 8px 30px rgba(184,144,47,0.3); }
[data-theme="light"] .btn-ghost { color: var(--text-muted); }
[data-theme="light"] .btn-ghost:hover { color: var(--gold); }
[data-theme="light"] .process-num { background: var(--card-bg); color: var(--gold); }
[data-theme="light"] .process-step:hover .process-num { background: var(--gold); color: white; }
[data-theme="light"] .process-body { color: var(--text-dim); }
[data-theme="light"] ::-webkit-scrollbar-track { background: var(--bg-2); }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: var(--gold); }