/* Shared design tokens for richardtaaffe.com and its subdomains.
   Link: <link rel="stylesheet" href="https://styles.richardtaaffe.com/tokens.css"> */
:root {
  /* surfaces */
  --bg: #07090d;
  --surface: #12161c;
  --border: rgba(255, 255, 255, 0.10);

  /* ink */
  --ink: #f2f5f8;
  --ink-2: #a3afbb;
  --ink-3: #6f7b88;

  /* brand */
  --accent: #5eead4;
  --blue: #1d3f7a;
  --copper: #a8542a;

  /* type */
  --font-display: Syncopate, "Arial Black", sans-serif; /* wordmark and headings only */
  --font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;
  --track-display: 0.05em;
  --track-label: 0.26em;

  /* spacing / shape */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 72px;
  --radius: 14px;
  --radius-sm: 8px;
  --gutter: clamp(20px, 6vw, 96px);
  --maxw: 1040px;

  /* data-viz series (validated on dark surfaces) */
  --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s4: #c98500;
  --good: #0ca30c; --warn: #fab219; --serious: #ec835a; --crit: #d03b3b;
}