/* Design tokens — single source of truth for colors and type.
   Imported by home.css (home, 404), style.css (article base),
   article.css (longreads) and inline styles (agentic-diagnostics). */
:root {
  --font-display: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-body: "Public Sans", -apple-system, "Helvetica Neue", Arial, sans-serif;

  /* Ink and surfaces */
  --ink: #17212b;
  --body-text: #2f3b47;
  --muted: #637083;
  --bg: #f7f6f2;
  --surface: #ffffff;
  --border: #d8d4c6;

  /* Accent */
  --accent: #1f4d7a;
  --accent-dark: #163a5c;
  /* Decorative only: 3.1:1 on --bg, never for text. Use --accent-text instead. */
  --accent-soft: #6b8fb5;
  /* Readable accent for small caps, eyebrows and meta: 5.4:1 on --bg. */
  --accent-text: #45688d;
  --accent-pale: #eceae1;

  /* Reserved for illustrations and rare emphasis */
  --signal: #b3492f;

  /* LidSwitch product surface */
  --lid-bg: #080b10;
  --lid-surface: #0f151d;
  --lid-surface-raised: #151e29;
  --lid-border: #263240;
  --lid-text: #f4f7f9;
  --lid-muted: #9aa8b6;
  --lid-green: #42e77d;
  --lid-green-dark: #1fab55;
  --lid-yellow: #ffd43b;
  --lid-blue: #8cbcff;
  --lid-shadow: rgba(0, 0, 0, 0.45);
}