/* ==========================================================================
   blog.th0t3p.com — design tokens
   Single source of truth for colour, spacing and type. Every page links this
   before its own stylesheet, so the terminal, the project pages and the
   writing cannot drift apart.

   Monochrome: white accents on near-black, with four muted signals kept for
   meaning only — never decoration, never a new hue per feature. Hierarchy is
   carried by brightness: #ffffff accents, #d9d9d9 body, #8a8a8e secondary.
   ========================================================================== */

:root {
  /* surfaces */
  --bg-void: #0a0a0b;
  --bg-surface: #111114;
  --bg-raised: #1a1a1f;

  /* text */
  --text-primary: #d9d9d9;
  --text-secondary: #8a8a8e;
  --text-muted: #55555a;

  /* accents — monochrome */
  --accent-primary: #ffffff;
  --accent-dim: #7c7c81;

  /* signals — meaning only */
  --signal-success: #5c8a6a;
  --signal-danger: #c45c5c;
  --signal-info: #5c7a9a;

  --link: #6b8cb0;
  --border-subtle: rgba(255, 255, 255, 0.06);

  /* spacing scale — 4px base */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;

  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
  --fs-base: 14px;
  --lh: 1.6;
  --measure: 112ch;      /* terminal: wide enough for the skills.json rows */
  --measure-prose: 68ch; /* writing: keeps body copy inside 45–75ch */
  --statusbar-h: 28px;
}