/* ============================================================
   niulai coin-site — shared styles
   provides :root vars, web fonts (with CJK fallback),
   base body + top navigation. page-specific layout lives
   inline in each html file (.lp-wrap / .faq-wrap / etc).
   ============================================================ */

:root{
  --bg:#0a0a0f;
  --bg2:#12121a;
  --gold:#ffc83d;
  --gold2:#ff9d00;
  --green:#39ff8a;
  --green2:#00d97e;
  --ink:#f5f5f7;
  --dim:#8a8a99;
  --line:#1f1f2b;
  --red:#ff4d4d;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}

/* CJK fallback ensures Chinese renders in a real font (no tofu/乱码)
   even when Google Fonts is blocked behind the GFW */
body{
  font-family:'Space Grotesk', system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.55;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* ===== top navigation (shared by litepaper / faq) ===== */
.site-nav{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 5vw;
  background:rgba(10,10,15,.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:50;flex-wrap:wrap;
}
.site-nav .logo{
  display:flex;align-items:center;gap:8px;
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:800;font-size:20px;color:var(--ink);text-decoration:none;
}
.site-nav .logo img{width:34px;height:34px;border-radius:50%;}
.site-nav .logo .cn{color:var(--gold);font-size:.55em;font-weight:800;margin-left:6px;letter-spacing:.04em;}
.site-nav .links{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.site-nav .links a{
  padding:8px 14px;border-radius:999px;font-size:14px;color:var(--ink);
  text-decoration:none;transition:.18s;
}
.site-nav .links a:hover{background:rgba(255,255,255,.06);}
.site-nav .links a.cart-link,
.site-nav .links .buy{
  background:linear-gradient(90deg,var(--gold2),var(--gold));
  color:#1a1300;font-weight:700;
}
.site-nav .links a.cart-link:hover,
.site-nav .links .buy:hover{filter:brightness(1.08);transform:translateY(-1px);}

/* generic link colour inside content areas */
a{color:var(--green);}