/* ============================================================
   Velvet Study — shared design tokens + document styles
   Derived from docs/fundraising/spine-seed-deck-v1.html
   Used by the legal/content pages (privacy, terms, cookies, legal).
   The homepage ships its own bespoke layout but reuses these tokens.
   ============================================================ */
:root{
  /* Velvet Study ground */
  --velvet-top:#1F1822;
  --velvet-mid:#1A1620;
  --velvet-bot:#120C18;
  /* ink */
  --cream:#F2E4C9;
  --cream-soft:rgba(242,228,201,.66);
  --cream-faint:rgba(242,228,201,.40);
  --cream-ghost:rgba(242,228,201,.12);
  /* metals */
  --brass:#C9A875;     /* platform + Marginally */
  --honey:#D9B26B;     /* Snippet */
  --copper:#B8825A;    /* TBX */
  --terra:#B36A52;     /* Proof / warm */
  --oxblood:#9A4A45;   /* imprint signature */
  --rule:rgba(201,168,117,.34);
  --rule-soft:rgba(201,168,117,.16);
  --shadow:0 38px 90px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.34);

  --serif:"Newsreader",Georgia,serif;
  --voice:"Cormorant Garamond",Georgia,serif;
  --body:"Lora",Georgia,serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;

  color-scheme:dark;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:
    radial-gradient(120% 70% at 50% -8%, rgba(201,168,117,.06), transparent 55%),
    linear-gradient(176deg,var(--velvet-top) 0%, var(--velvet-mid) 46%, var(--velvet-bot) 100%);
  background-attachment:fixed;
  color:var(--cream);
  font-family:var(--body);
  font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---------- document shell (legal/content pages) ---------- */
.wrap{width:100%;max-width:880px;margin:0 auto;padding:0 24px;}

.site-head{border-bottom:1px solid var(--rule-soft);padding:20px 0;position:sticky;top:0;
  background:rgba(18,12,24,.82);backdrop-filter:blur(10px);z-index:10;}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.wordmark{font-family:var(--mono);font-size:13px;letter-spacing:.32em;text-transform:uppercase;
  font-weight:500;color:var(--cream);text-decoration:none;display:inline-flex;align-items:baseline;}
.wordmark .sl{color:var(--brass);margin-left:1px;}
.site-head nav{display:flex;gap:22px;}
.site-head nav a{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--cream-faint);text-decoration:none;}
.site-head nav a:hover{color:var(--brass);}

.doc{padding:60px 0 40px;}
.doc .kicker{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--brass);margin:0 0 18px;font-weight:500;}
.doc h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5vw,52px);line-height:1.04;
  letter-spacing:-.022em;margin:0 0 10px;color:var(--cream);}
.doc .updated{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--cream-faint);margin:0 0 34px;}
.doc h2{font-family:var(--serif);font-weight:500;font-size:clamp(21px,2.4vw,27px);letter-spacing:-.01em;
  color:var(--cream);margin:46px 0 12px;padding-top:8px;}
.doc h3{font-family:var(--body);font-weight:500;font-size:17px;color:var(--cream);margin:24px 0 8px;}
.doc p,.doc li{color:var(--cream-soft);}
.doc .lead{font-family:var(--body);font-size:clamp(17px,1.5vw,19px);line-height:1.55;color:var(--cream);max-width:60ch;}
.doc a{color:var(--honey);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px;}
.doc a:hover{text-decoration-color:var(--honey);}
.doc strong{color:var(--cream);font-weight:500;}
.doc ul{padding-left:20px;}
.doc li{margin:7px 0;}
.doc code{font-family:var(--mono);font-size:.84em;color:var(--cream);}
.doc table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px;}
.doc th,.doc td{text-align:left;padding:11px 14px 11px 0;border-bottom:1px solid var(--rule-soft);vertical-align:top;}
.doc th{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--brass);font-weight:500;}
.doc td{color:var(--cream-soft);}
.doc hr.rule{height:1px;background:var(--rule-soft);border:0;margin:40px 0;}
.callout{border:1px solid var(--rule-soft);background:rgba(201,168,117,.05);border-radius:8px;
  padding:18px 20px;margin:26px 0;}
.callout p{margin:0;color:var(--cream-soft);}
.notice{border-left:2px solid var(--terra);background:rgba(179,106,82,.07);padding:14px 18px;
  margin:24px 0;border-radius:0 6px 6px 0;}
.notice p{margin:0;font-size:14.5px;color:var(--cream-soft);}
.notice strong{color:var(--terra);}

/* ---------- shared footer ---------- */
.site-foot{border-top:1px solid var(--rule-soft);margin-top:48px;padding:34px 0 56px;}
.site-foot .wrap{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;}
.site-foot a,.site-foot span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cream-faint);text-decoration:none;}
.site-foot a:hover{color:var(--brass);}
.site-foot .spacer{flex:1;}
