/* momojord — design tokens (Moln canonical) + global typeface + .mj-scope base.
   Self-hosted faces are declared in momojord-fonts.css (enqueued first).
   mossa/bjork themes kept dormant for a future seasonal toggle (no public switcher). */
:root{
  --paper:#f7f4ee; --paper-2:#ede7da; --paper-3:#e2dac8;
  --ink:#1c2018; --ink-soft:#4a4f43; --ink-mute:#7d8174;
  --hairline:#d6cfbe; --hairline-strong:#c4bca6;
  --brand:#2f6b3a; --brand-deep:#234d2a; --brand-soft:#e6efe2;
  --ember:#c66a4c; --terracotta:#c66a4c; --dusk:#26333d; --gold:#b89249; --warning:#b14b2a;
  --bg:var(--paper); --fg:var(--ink); --card:#ffffff;
  --ff-display:"Cormorant Garamond","Times New Roman",serif; --display-weight:500;
  --ff-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ff-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
}
[data-theme="mossa"]{
  --paper:#14180f; --paper-2:#1d2218; --paper-3:#262c20;
  --ink:#f3efe4; --ink-soft:#c8c4b3; --ink-mute:#8a8d7e;
  --hairline:#2a3025; --hairline-strong:#3a4234;
  --brand:#7fb285; --brand-deep:#5a8c63; --brand-soft:#1c2618;
  --ember:#e3925a; --card:#1a1f15;
}
[data-theme="bjork"]{
  --paper:#fafaf6; --paper-2:#f0eee4; --paper-3:#e4e1d2;
  --ink:#14160f; --ink-soft:#44473b; --ink-mute:#7a7c6f;
  --hairline:#d8d4c2; --brand:#2f6b3a; --ember:#c66a2e; --card:#ffffff;
}
[data-font="cormorant"]{ --ff-display:"Cormorant Garamond","Times New Roman",serif; --display-weight:500; }
[data-font="instrument"]{ --ff-display:"Instrument Serif","Times New Roman",serif; --display-weight:400; }

/* Global adoption — Geist body + the design's warm-paper canvas site-wide.
   (The white body was making warm-paper sections look like a "beige box" on white.) */
body{
  font-family: var(--ff-sans);
  background: var(--bg);
  color: var(--fg);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}

/* Full editorial canvas — only applied where a template opts in via class="mj-scope". */
.mj-scope{ background:var(--bg); color:var(--fg); font-family:var(--ff-sans); font-size:15px; line-height:1.55; }
.mj-scope *{ box-sizing:border-box; }
.mj-scope img{ max-width:100%; display:block; }
.mj-scope h1,.mj-scope h2,.mj-scope h3,.mj-scope h4,.mj-scope h5,.mj-scope h6{ margin:0; }
.mj-scope a{ color:inherit; text-decoration:none; }
.mj-scope button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
.mj-scope ::selection{ background:var(--brand); color:#fff; }