/* Design tokens: colour, type, spacing. Shared by all public stylesheets. */
:root {
  /* surfaces */
  --paper: #FCFCFA;
  --paper-2: #FFFFFF;
  --grid: #DCE4EC;

  /* text */
  --ink: #16324F;
  --ink-soft: #2B4A68;
  --graphite: #4B5763;       /* secondary text: ~7:1 on paper */
  --muted: #6B7784;          /* captions / meta only */

  /* accents */
  --pen: #C8352B;
  --pen-dark: #A82A22;
  --highlight: #FFE9A3;
  --whatsapp: #1FA855;
  --code-str: #1F7A4D;
  --code-com: #6B7784;

  /* borders */
  --rule: #C9D4DF;

  /* type */
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* layout */
  --maxw: 1080px;
  --radius: 4px;
}