/* Light theme — override sheet loaded AFTER styles.css.
   Same layout/motion; flips the palette + blend modes to work on white,
   to match sspeyewear.com's own light sections. */

:root {
  --bg: #edefec;
  --ink: #0d0d0d;
  --muted: #4f5254;
  --line: rgba(0, 0, 0, 0.16);
}

/* Scene: soft light wash instead of the dark vignette */
.scene {
  background:
    radial-gradient(120% 82% at 50% 40%, #ffffff 0%, #eef0ed 55%, #e3e6e2 100%);
}

/* Light-shafts: multiply so each lens tints the white (glow → wash) */
.scene .shaft { mix-blend-mode: multiply; opacity: 0.42; }
.scene .shaft.s4 { opacity: 0.22; }
.spectrum.active .shaft { opacity: 0.12; }
.spectrum.active .shaft.on { opacity: 0.62; filter: saturate(1.1); }

/* Divider hairlines: dark on light */
.gridline {
  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.16) 30%, rgba(0,0,0,0.16) 70%, transparent);
}

/* Headline: dark ink gradient */
h1 { background: linear-gradient(180deg, #111315, #3b3f40); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Glasses: lighter, tighter drop-shadow */
.glasses img { filter: drop-shadow(0 26px 42px rgba(0, 0, 0, 0.26)); }

/* Softer film grain on white */
.grain { opacity: 0.04; }

/* Email capture: light pill */
.signup { background: rgba(255, 255, 255, 0.7); border: 1px solid var(--line); }
.signup input { color: var(--ink); }
.signup input::placeholder { color: #8a8d8f; }

/* Footer */
.footer { border-top: 1px solid rgba(0, 0, 0, 0.1); }

/* Success overlay on light */
.success { background: rgba(230, 233, 230, 0.72); }
.success-card { background: #ffffff; border: 1px solid rgba(0,0,0,0.08); box-shadow: 0 40px 90px rgba(0,0,0,0.18); }
.code { background: #f4f6f4; }
.copy-btn { background: #ffffff; border: 1px solid var(--line); color: var(--ink); }
.copy-btn:hover { background: #f6faf6; }