/*
 * Mosvera design tokens — CSS custom properties.
 * Generated from Loom: palettes/mosvera + typography/mosvera-editorial.
 * Source of truth is ~/projects/loom; regenerate from Loom rather than
 * hand-editing. Light mode is canonical; a dark variant is derived later.
 */
:root {
  /* color — paper (warm off-white grounds) */
  --paper: #f5f1e8;
  --paper-raised: #fcfaf4;
  --paper-sunken: #ece6d9;

  /* color — ink (warm near-black text) */
  --ink: #1f1a15;
  --ink-body: #3a332b;
  --ink-muted: #6e655a;
  --ink-faint: #9b9183;

  /* color — rules / borders (low-contrast hairlines) */
  --rule: #e0d8c8;
  --rule-strong: #cfc5b2;

  /* color — terracotta (single dominant accent) */
  --terracotta: #c0563a;
  --terracotta-deep: #9e4129;
  --terracotta-tint: #f0ddd3;

  /* color — clay (secondary warm, punctuation only) */
  --clay: #b98a4b;
  --clay-deep: #8a6534;

  /* color — pine (rare cool counter-note; never primary) */
  --pine: #3e5c50;

  /* typography — font stacks */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* typography — type scale */
  --text-hero: clamp(3.5rem, 6vw, 6rem);
  --leading-hero: 1.02;
  --text-heading: clamp(1.75rem, 3vw, 2.5rem);
  --text-body: 1.125rem;
  --leading-body: 1.6;
  --measure-body: 68ch;
  --text-eyebrow: 0.75rem;
  --tracking-eyebrow: 0.2em;
  --text-code: 0.9375rem;
}