/* writ: a writing desk at night. Paper-coloured ink on a warm near-black, and one accent: sealing wax, which means
   "sealed / launch" and nothing else. Block inks live in shared/blocks.mjs (CATS) and only appear on blocks. */
:root {
  color-scheme: dark;

  /* ground and surfaces, darkest to lightest: steps of one warm brown-black */
  --bg: #15110f;
  --bg-2: #1a1513;
  --surface: #211b18;
  --surface-2: #2a221e;
  --surface-3: #33291f;

  /* hairlines, in the paper colour at low strength */
  --line: rgba(240, 230, 214, 0.08);
  --line-2: rgba(240, 230, 214, 0.15);
  --line-3: rgba(240, 230, 214, 0.24);

  /* paper ink */
  --ink: #f0e6d6;
  --ink-2: #c9bdab;
  --muted: #9a8c7c;

  /* wax: the launch button, the seal, the headline's second beat */
  --accent: #b8402f;
  --accent-ink: #e2775f;
  --on-accent: #fbf1e4;

  /* states only, never decoration */
  --good: #7fbf8e;
  --bad: #e5675a;
  --warn: #d9b25a;

  --font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-text: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --display-weight: 400;
  --display-tracking: -0.015em;

  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --border: 1px solid var(--line);
  --shadow: inset 0 1px 0 rgba(255, 240, 220, 0.03), 0 24px 60px -36px rgba(0, 0, 0, 0.95);

  /* quick out, settles exactly, no bounce */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 120ms;
  --t: 280ms;

  --wrap: 1240px;
  --gut: clamp(16px, 4vw, 40px);
  --top-h: 64px;
}