/* Shared look for the public marketing pages (about, faq, feedback, commission, inventory-invite).
   Loaded AFTER each page's own <style>, so it re-maps the old dark-only variables to the
   day / night tokens used on the homepage. Theme is set by assets/js/site-theme.js. */
:root{
  --bg:#F7F5FA; --bg-card:#FFFFFF; --bg-card2:#E6EEFA; --white:#2C2C2A; --text-muted:#5F5E5A;
  --border:rgba(45,44,113,.12); --lavender:#7B22BD; --periwinkle:#2d2c71; --purple-deep:#2d2c71;
  --violet:#2d2c71; --purple:#9A29E2;
}
:root[data-theme="night"]{
  --bg:#0E0B1A; --bg-card:#1E1535; --bg-card2:#2A1F45; --white:#F0EEFF; --text-muted:#9B8EC4;
  --border:rgba(255,255,255,.10); --lavender:#DDACDD; --periwinkle:#E6EEFA; --purple-deep:#2d2c71;
}
body{background:radial-gradient(ellipse at 50% 0%,var(--bg-card) 0%,var(--bg) 55%) fixed;color:var(--white)}
:root[data-theme="night"] body{background:radial-gradient(ellipse at 50% 0%,#160F2A 0%,var(--bg) 60%) fixed}

/* nav (same as homepage) */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;
  padding:20px max(20px,calc((100vw - 1080px)/2));font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:500;
  background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.site-nav a{color:var(--white);text-decoration:none}
.site-nav .sn-brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:19px;letter-spacing:0;text-transform:none}
.site-nav .sn-brand img{width:26px;height:26px}
.site-nav .sn-r{display:flex;gap:28px;align-items:center}
.site-nav .sn-r a:hover{color:#9A29E2}
.site-nav .sn-cta{background:linear-gradient(135deg,#fcea10 0%,#f47920 100%);color:#2d2c71;padding:10px 20px;border-radius:99px;font-size:12px}
.site-nav .sn-cta:hover{color:#2d2c71;opacity:.9}
@media(max-width:700px){.site-nav .sn-r a.sn-hide{display:none}.site-nav .sn-r{gap:16px}}

/* footer (same as homepage) */
.site-foot{text-align:center;max-width:1080px;margin:80px auto 0;padding:0 20px 44px;font-size:11px;color:var(--text-muted);display:grid;gap:12px;
  text-transform:uppercase;letter-spacing:.14em;font-weight:500}
.site-foot .sf-links{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.site-foot a{color:var(--text-muted);text-decoration:none}
.site-foot a:hover{color:var(--white)}
.site-foot .sf-note{text-transform:none;letter-spacing:0}

/* day-theme fixes for buttons / hard-coded white text on old dark pages */
.btn-primary,.nav-cta,.pricing-cta{background:linear-gradient(135deg,#fcea10 0%,#f47920 100%);color:#2d2c71}
:root:not([data-theme="night"]) .btn-outline{color:var(--violet);border-color:rgba(45,44,113,.3)}
:root:not([data-theme="night"]) .form-row input::placeholder,
:root:not([data-theme="night"]) .form-row textarea::placeholder{color:rgba(44,44,42,.4)}
:root:not([data-theme="night"]) .form-row input,
:root:not([data-theme="night"]) .form-row select,
:root:not([data-theme="night"]) .form-row textarea{background:#fff;color:#2C2C2A;border-color:rgba(45,44,113,.2)}
:root:not([data-theme="night"]) .form-error{color:#9f1c2a}
:root:not([data-theme="night"]) .form-success,:root:not([data-theme="night"]) .success-msg{color:#146c43}