/* ============================================================
   site.css — shared design system for the v1.6 redesign pages
   (home, PathCraft, Parallel Path). Extracted v1.7.0.
   Load this BEFORE each page's own <style> block: page-local
   rules intentionally override these shared defaults.
   Legacy pages (about/faq/privacy/terms/admin) still use
   styles.css — do not load both on the same page.
   ============================================================ */

/* ── Design tokens (union across pages; unused vars are inert) ── */
:root{
  --bg:#0e0b09;
  --bg2:#17110d;
  --cream:#f4ece2;
  --muted:#a99a89;
  --terra:#c0562a;
  --terra-2:#e0803f;
  --line:rgba(244,236,226,.14);
  --card:#1c1712;
  --nav-bg:rgba(14,11,9,.92);
  --menu-bg:rgba(14,11,9,.98);
  --hover:rgba(244,236,226,.06);
  color-scheme:dark;
  --field-bg:#0f0b08;
  --feature:linear-gradient(180deg,#241a12,#17110d);
  --panel:linear-gradient(180deg,#1b1510,#141009);
}
html[data-theme="light"]{
  --bg:#faf7f2;
  --bg2:#f1ece3;
  --cream:#1f150e;
  --muted:#6b5d4e;
  --terra:#a8481f;
  --terra-2:#9a4419;
  --line:rgba(20,15,10,.14);
  --card:#ffffff;
  --nav-bg:rgba(250,247,242,.92);
  --menu-bg:rgba(250,247,242,.98);
  --hover:rgba(20,15,10,.05);
  color-scheme:light;
  --field-bg:#fbf8f3;
  --feature:#fbf1ea;
  --panel:#ffffff;
}

/* ── Shared base & components (byte-identical on all 3 pages) ── */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--cream);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--terra);box-shadow:0 0 14px var(--terra)}
.step .pop{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--terra-2);border:1px solid rgba(224,128,63,.4);padding:4px 10px;border-radius:100px}
.step .price small{color:var(--muted);font-weight:400;font-size:12.5px}
.step ul li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--terra)}
.startstep .sbadge{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-2);border:1px solid rgba(224,128,63,.4);padding:6px 12px;border-radius:100px;white-space:nowrap}
.track .tlabel .ln{height:1px;flex:1;background:var(--line)}
.footlinks a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;transition:color .2s}
.footlinks a:hover{color:var(--cream)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.theme-toggle:hover{color:var(--cream);border-color:var(--cream)}
.theme-toggle:focus-visible{outline:3px solid var(--terra-2);outline-offset:2px}
.theme-toggle .moon{display:none}
html[data-theme="light"] .theme-toggle .sun{display:none}
html[data-theme="light"] .theme-toggle .moon{display:inline}