/* ============================================================
   softwaresoftware design system — v2 "monochrome"
   design-system.softwaresoftware.dev/css/tokens.css
   Drop this file into any softwaresoftware.dev site.
   ============================================================ */

:root {
  /* Type */
  --font-sans: 'Archivo', -apple-system, ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;

  /* Ink & paper */
  --ink: #0a0a0a;
  --paper: #ffffff;

  /* Neutral scale */
  --n-50:  #fafafa;
  --n-100: #f5f5f5;
  --n-200: #e5e5e5;
  --n-300: #d4d4d4;
  --n-400: #a3a3a3;
  --n-500: #737373;
  --n-600: #525252;
  --n-700: #404040;
  --n-800: #262626;
  --n-900: #171717;

  /* The one accent. Status only — never decoration. */
  --accent: #22c55e;
  --accent-soft: rgba(34, 197, 94, 0.12);

  /* Tracking */
  --track-display: -0.035em;  /* headlines */
  --track-tight:   -0.02em;   /* subheads, stats */
  --track-eyebrow:  0.14em;   /* uppercase labels */

  /* Radius: there is none. */
  --radius: 0;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 9rem;

  /* Layout */
  --container: 72rem;
  --gutter: 1.5rem;

  /* Motion: hover states only */
  --ease: 150ms ease;

  /* Theme surface (light default) */
  --bg: var(--paper);
  --fg: var(--ink);
  --muted: var(--n-500);
  --line: var(--n-200);
  --surface: var(--n-50);
}

/* Dark band — alternate whole sections, never single elements */
.dark,
.section--dark {
  --bg: var(--ink);
  --fg: #fafafa;
  --muted: var(--n-400);
  --line: var(--n-800);
  --surface: var(--n-900);
  background: var(--bg);
  color: var(--fg);
}