/* 5-5-5 design tokens. Shared by print pieces and (later) the site.
   Direction: heyneuma.com module page. Warm cream ground, one humanist sans,
   modest bold headings, mono small-caps labels, one coral accent, hairline callouts. */
@import url('fonts/fonts.css');

:root {
  --cream: #FBF6F1;
  --paper: #FFFFFF;
  --ink: #1B1917;
  --ink-2: #57514B;
  --ink-3: #8A827A;
  --line: #E6DDD4;
  --rose-fill: #F8ECE7;
  --rose-line: #EBD3C9;
  --coral: #C9654A;
  --sans: 'Inter', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --serif: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  --mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--sans); color: var(--ink); background: var(--paper);
  -webkit-font-smoothing: antialiased; -webkit-print-color-adjust: exact; print-color-adjust: exact; }

.label { font-family: var(--mono); font-size: 6.5pt; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); }
.label.coral { color: var(--coral); }
.scripture { font-family: var(--serif); font-style: italic; }
.ref { font-family: var(--mono); font-size: 6pt; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); font-style: normal; }
.callout { border: 0.5pt solid var(--line); border-radius: 4pt; padding: 6pt 7pt; }
.callout.rose { background: var(--rose-fill); border-color: var(--rose-line); }
.callout.quick { background: var(--cream); }
.hair { border: 0; border-top: 0.5pt solid var(--line); margin: 0; }