/* ── the product's one design system ─────────────────────────────────────────
   Palette pinned by the owner (warm paper · ink · terracotta). Type: serif
   display for statements, sans for work, mono for evidence — citations,
   labels, figures. The signature element across every surface is the
   citation chip: [n] in mono, terracotta on paper. Seven type sizes, no
   more — the console's one-type-scale rule, now system-wide. */
:root{
  /* paper & ink */
  --paper:#FAFAF7; --paper-2:#F2EFE7; --sand:#E8E4D7;
  --ink:#1A1916; --ink-2:#4A4843; --mute:#8A8A82;
  --rule:#E6E4DE; --rule-2:#D9D7CF;
  /* accent — terracotta is brick */
  --terra:#C84B2F; --terra-dn:#B13F25; --blush:#F5E1DA;
  /* dark bands */
  --char:#141411; --char-2:#23231F; --char-ink:#F2EFE7; --char-mute:#9C9A92;
  /* product-native */
  --wa:#DCF3D0;            /* the chat bubble green */
  --ok:#2E6B4F; --ok-soft:#E9F2ED;
  --warn-bg:#FAEDEB; --warn-bd:#E5B3A8; --warn-tx:#8C2F1B;
  /* type */
  --serif:'Source Serif 4', Georgia, 'Times New Roman', serif;
  --sans:'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mono:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  /* the seven-step scale */
  --t-micro:10px; --t-small:11.5px; --t-body:14px; --t-lead:17px;
  --t-h3:20px; --t-h2:28px; --t-page:42px;
  /* shape */
  --r:8px; --r-sm:5px;
  --shadow:0 8px 30px rgba(26,25,22,.08);
}

/* ── shared atoms ── */
.chip{
  display:inline-block;font:500 var(--t-micro)/1.6 var(--mono);
  color:var(--terra);background:var(--blush);border-radius:3px;
  padding:0 5px;letter-spacing:.02em;white-space:nowrap;
}
.chip--ink{color:var(--char-ink);background:var(--char-2)}
.eyebrow{
  font:500 var(--t-micro)/1 var(--mono);letter-spacing:.18em;
  text-transform:uppercase;color:var(--terra);
}
.btn{
  display:inline-block;padding:12px 22px;border-radius:var(--r-sm);
  font:600 var(--t-body)/1 var(--sans);text-decoration:none;cursor:pointer;
  border:1px solid transparent;transition:background .15s,border-color .15s;
}
.btn--primary{background:var(--terra);color:#fff}
.btn--primary:hover{background:var(--terra-dn)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--rule-2)}
.btn--ghost:hover{border-color:var(--ink-2)}
.btn--ghost-dark{background:transparent;color:var(--char-ink);border-color:#3A3A34}
.btn--ghost-dark:hover{border-color:var(--char-mute)}
.card{
  background:#fff;border:1px solid var(--rule);border-radius:var(--r);
}
input.field, textarea.field, select.field{
  width:100%;padding:10px 12px;font:400 var(--t-body)/1.4 var(--sans);
  color:var(--ink);background:var(--paper);border:1px solid var(--rule);
  border-radius:var(--r-sm);outline:none;
}
input.field:focus, textarea.field:focus, select.field:focus{
  border-color:var(--terra);box-shadow:0 0 0 3px rgba(200,75,47,.12);
}
label.lbl{
  display:block;font:500 var(--t-micro)/1 var(--mono);letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-2);margin:0 0 6px;
}
:focus-visible{outline:2px solid var(--terra);outline-offset:2px}