/* Design tokens — palette, type, spacing.
   Refer to the design spec §7 for full rationale. */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  /* Palette */
  --ink: #0a0a0a;
  --cream: #f4f0e6;
  --green: #0fa055;
  --red: #cc1421;
  --grey-300: #6a6a6a;
  --grey-500: #3a3a3a;
  --grey-800: #1a1a1a;

  /* Type */
  --font-display: 'Archivo Black', 'Archivo', system-ui, sans-serif;
  --font-body: 'Archivo', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'IBM Plex Mono', 'Courier New', monospace;

  /* Spacing */
  --pad-x: 14px;
  --pad-y: 10px;
}

* { box-sizing: border-box; }

html, body { background: var(--ink); color: var(--cream); margin: 0; }
body { font-family: var(--font-body); }