/* VERSI marketing website — LIGHT theme override, INDUSTRIAL AMBER accent.
   Load AFTER site.css. White canvas + warm construction-grade amber→orange→rust
   gradient accent (safety-vest palette), glass surfaces and layout unchanged. */

:root{
  /* industrial amber gradient — overrides the default Aurora stops */
  --g1:#fbbf24;
  --g2:#f97316;
  --g3:#dc2626;
  --glow-violet: rgba(249,115,22,0.40);
  --glow-magenta: rgba(220,38,38,0.38);
  --glow-blue: rgba(251,191,36,0.38);
  --d-bg:#ffffff;
  --d-bg-2:#f5f5f7;
  --d-surface:rgba(0,0,0,0.028);
  --d-surface-2:rgba(0,0,0,0.05);
  --d-border:rgba(0,0,0,0.10);
  --d-border-strong:rgba(0,0,0,0.20);
  --d-fg:#1d1d1f;
  --d-fg-dim:#5f5f68;
  --d-fg-faint:#9a9aa2;
  /* light surfaces for inline glass cards / featured boxes (used via var fallbacks) */
  --card-fill: linear-gradient(180deg,#ffffff,#fafafc);
  --featured-fill: linear-gradient(180deg,#ffffff,#fff9f2);
  --curve-guide: rgba(0,0,0,0.16);
  --card-node:#ffffff;
  /* warm soft-accent surfaces for inline highlight boxes */
  --accent-soft-bg: rgba(249,115,22,0.09);
  --accent-soft-border: rgba(249,115,22,0.32);
}

/* starfield reads as faint warm dots on white */
.starfield{opacity:0.4;
  background-image:radial-gradient(1px 1px at 20% 30%,rgba(249,115,22,.32),transparent),
    radial-gradient(1px 1px at 70% 12%,rgba(251,191,36,.30),transparent),
    radial-gradient(1px 1px at 40% 60%,rgba(0,0,0,.10),transparent),
    radial-gradient(1px 1px at 85% 45%,rgba(220,38,38,.22),transparent),
    radial-gradient(1px 1px at 15% 80%,rgba(0,0,0,.08),transparent),
    radial-gradient(1px 1px at 60% 88%,rgba(0,0,0,.07),transparent),
    radial-gradient(1px 1px at 90% 70%,rgba(249,115,22,.20),transparent)}

/* nav: frosted white */
.gnav{background:rgba(255,255,255,0.72);border-bottom:1px solid rgba(0,0,0,0.07)}

/* hero glow → soft warm wash */
.hero__topglow{width:760px;height:440px;top:-200px;
  background:radial-gradient(ellipse at center,rgba(249,115,22,0.14),rgba(251,191,36,0.06) 45%,transparent 72%)}

/* email capture on light */
.capture{background:rgba(0,0,0,0.028);border-color:rgba(0,0,0,0.10)}

/* feature cards: white glass, but keep the inner mockup dark */
.feature-card{background:linear-gradient(180deg,#ffffff,#fafafc);
  border-color:rgba(0,0,0,0.10);box-shadow:0 1px 2px rgba(0,0,0,0.04)}
.feature-card__shot{background:#0a0a0c;border-color:rgba(0,0,0,0.12)}

/* features glow stays violet but softer on white */
.features__glow{opacity:0.5}

/* pricing */
.toggle{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.10)}
.bundle{background:linear-gradient(180deg,#ffffff,#fafafc);
  border-color:rgba(0,0,0,0.10);box-shadow:0 1px 2px rgba(0,0,0,0.04)}
.bundle--featured{background:
  linear-gradient(180deg,#ffffff,#fff9f2) padding-box,
  var(--grad) border-box;
  box-shadow:0 18px 50px -18px var(--glow-violet)}
.bundle__list li.muted svg{background:rgba(0,0,0,0.10)}

/* footer */
.footer{background:var(--d-bg-2);border-top:1px solid rgba(0,0,0,0.07)}
.footer__cta{border-bottom:1px solid rgba(0,0,0,0.08)}
.footer__legal{border-top:1px solid rgba(0,0,0,0.08)}

/* sticky bar: frosted white */
.sticky-bar{background:rgba(255,255,255,0.85);border-top:1px solid rgba(0,0,0,0.10)}

/* toast stays a dark pill — good contrast on white, no change needed */

/* ---- Lead modal on light ------------------------------------------------ */
.modal__backdrop{background:rgba(20,18,30,0.34)}
.modal__card{background:linear-gradient(180deg,#ffffff,#fff9f2) padding-box,var(--grad) border-box;
  box-shadow:0 30px 80px -28px rgba(120,60,20,0.35), 0 18px 50px -18px var(--glow-violet)}
.field input{background:#fff;border-color:rgba(0,0,0,0.12)}
.field input:focus{border-color:rgba(249,115,22,0.6);box-shadow:0 0 0 3px rgba(249,115,22,0.14)}
.field__err{color:#d61f4e}
.field input.has-err{border-color:#e0218a}

/* search overlay on light */
.search__backdrop{background:rgba(20,18,30,0.34)}
.search__esc{background:#fff;border-color:rgba(0,0,0,0.12)}