/* assets/tokens.css — Design tokens for designops.tools
   Source of truth: CLAUDE.md § 2. Design System — Tokens
   Include in all new pages. The assessment uses its own inline copy. */

:root {
  /* Colour scale */
  --c0: #0e0d0b;   /* near-black ink — primary text */
  --c1: #2a2822;
  --c2: #5a5750;   /* secondary text */
  --c3: #9c9890;   /* muted text */
  --c4: #c8c4bc;
  --c5: #e8e5de;   /* borders */
  --c6: #f4f2ec;   /* subtle surface */
  --c7: #faf8f4;   /* warm paper — main background */
  --white: #ffffff;

  /* Accent colours */
  --A:  #c4401a;   /* terracotta — primary accent / Pillar 1 */
  --A2: #fceee9;   /* terracotta tint */
  --A3: #7a2610;   /* terracotta dark */
  --B:  #1b5c8a;   /* blue — Pillar 2 */
  --B2: #e6f1fb;
  --G:  #1f6b52;   /* green — Pillar 3 / success */
  --G2: #e5f3ee;

  /* Borders / shadows */
  --br:   rgba(14, 13, 11, .08);
  --br2:  rgba(14, 13, 11, .15);
  --sh:   0 1px 3px rgba(0, 0, 0, .05), 0 8px 24px rgba(0, 0, 0, .07);
  --shsm: 0 1px 2px rgba(0, 0, 0, .04), 0 3px 8px rgba(0, 0, 0, .05);

  /* Border radius */
  --r:  10px;
  --rl: 16px;

  /* Typography */
  --serif: 'Playfair Display', Georgia, serif;   /* Hero headings, italic accents */
  --sans:  'Syne', system-ui, sans-serif;         /* UI labels, buttons, nav */
  --mono:  'JetBrains Mono', monospace;           /* Code, badges, tags, metrics */
}