/* FreshStart pages: Lime Night colours (docs/DECISIONS.md, 2026-11-02), on top of site.css.
   The variable names come from the first brand (cobalt, sun); here cobalt = deep olive, sun = lime. */
:root {
  --cobalt: #3F6212;
  --cobalt-deep: #2F4A0C;
  --cobalt-soft: #C5F06A;
  --sun: #C5F06A;
  --sun-soft: #DDF7A3;
  --bg: #F7FBEF;
  --surface: #FFFFFF;
  --surface-alt: #EAF3D8;
  --text: #18220C;
  --muted: #5C6A4C;
  --border: #DDE8C8;
  --night: #0B0F08;
  --night-2: #141A10;
  --night-3: #1D2617;
  --night-text: #EEF5E3;
  --night-muted: #A3B293;
}
.btn-sun { color: #18220C; box-shadow: 0 8px 24px rgba(197, 240, 106, .25); }
.btn-sun:hover { background: #D4FA7A; color: #18220C; }
.btn-ghost { border-color: rgba(238, 245, 227, .35); }
.hero { background:
  radial-gradient(1200px 520px at 80% -10%, rgba(197, 240, 106, .16), transparent 60%),
  linear-gradient(180deg, #050704 0%, var(--night) 45%, #1D2E0A 100%); }
.hero .stars { opacity: .8; }
.hero .lead, .join .check, .night .section-head p { color: #CAD6BA; }
.hero .eyebrow::before { box-shadow: 0 0 0 4px rgba(197, 240, 106, .2); }
.moon { box-shadow: inset -18px 8px 0 0 #F1FAD4; filter: drop-shadow(0 0 30px rgba(212, 250, 122, .3)); }
.join { background: rgba(20, 26, 16, .78); border-color: rgba(197, 240, 106, .2); }
.join input[type="email"] { border-color: #6F7F62; }
.join input[type="email"]::placeholder { color: #829373; }
.join input[type="email"]:focus { box-shadow: 0 0 0 4px rgba(197, 240, 106, .2); }
.join .status.ok { color: #C5F06A; }
.phone { box-shadow: 0 30px 70px rgba(0, 0, 0, .45), 0 0 0 1px rgba(197, 240, 106, .16); }
.p-pill { border-color: #748361; }
.saveme { background: linear-gradient(180deg, #F3FBD9 0%, #F7FBEF 28%, #B9D98A 60%, var(--cobalt) 100%); }
.step.now .tag, .feature .free { color: #18220C; }
.feature .free { background: #EAF8C9; color: var(--cobalt); }
.night { background: linear-gradient(180deg, var(--night) 0%, #1D2E0A 100%); }
.promise { background: rgba(29, 38, 23, .75); border-color: rgba(197, 240, 106, .16); }
.promise svg { background: rgba(197, 240, 106, .12); }
.quote p { color: #E6F2CF; }
.who-card.help, .urgent { background: #F6FAE8; border-color: #DCEBB8; }
.doc p, .doc li { color: #2E3A22; }
@media (max-width: 520px) { .moon { box-shadow: inset -13px 6px 0 0 #F1FAD4; } }
.saveme .tide { color: #18220C; }