/* =============================================================================
   HeyMotion — brand tokens
   SOURCE OF TRUTH, extracted verbatim from the live site (motion.systemprompt.co).
   The docs stylesheet references these; keep this file in sync with the site's
   :root block on any rebrand.  (Re-sync: pull the live CSS :root and update here.)
   ============================================================================= */
:root{
  /* Surfaces — warm paper */
  --paper:#F4F0E7;            /* page background */
  --paper-2:#FBF8F1;          /* cards / raised surfaces */
  --paper-3:#EFE9DC;          /* recessed / subtle fills */

  /* Ink */
  --ink:#15120D;             /* primary text, primary buttons */
  --ink-2:#4A443B;           /* secondary text */
  --muted:#8A8173;           /* muted text, captions, mono labels */

  /* Hairlines */
  --line:rgba(21,18,13,.14);
  --line-2:rgba(21,18,13,.08);

  /* Accent — the red */
  --accent:#E1352B;
  --accent-ink:#B3241C;      /* accent text on light (AA) */

  /* Radii — small, editorial (NOT pills for buttons) */
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:9999px;

  /* Type */
  --f-disp:'Newsreader',Georgia,serif;                 /* headings — light-weight serif */
  --f-ui:'Schibsted Grotesk',-apple-system,sans-serif; /* body + UI */
  --f-mono:ui-monospace,'JetBrains Mono','SF Mono',Menlo,monospace;

  --maxw:1200px;

  /* ---- dark surface — near-black INK, for code blocks only (NOT navy) ---- */
  --code-bg:#1B1712;         /* warm near-black, matches the ink family */
  --on-dark:#F4F0E7;         /* paper text on dark */
  --on-dark-2:rgba(244,240,231,.72);
  --on-dark-line:rgba(244,240,231,.14);
}