:root {
  --font-heading: 'Belgro', 'Instrument Serif', serif;
  --bg-0: #070707;
  --bg-1: #0d0d0d;
  --bg-2: #141414;
  --surface: rgba(255, 255, 255, 0.055);
  --surface-2: rgba(255, 255, 255, 0.085);
  --surface-strong: rgba(255, 255, 255, 0.12);
  --border: rgba(255, 255, 255, 0.14);
  --border-strong: rgba(255, 255, 255, 0.24);
  --text: #f3f3f3;
  --text-soft: #c0c0c0;
  --text-faint: #858585;
  --text-dim: #5a5a5a;
  --completed: #30D158;
  --completed-soft: #4ade80;
  --completed-glow: rgba(48, 209, 88, 0.42);
  --grid: rgba(255, 255, 255, 0.04);

  /* --c-goal is set dynamically by the JSON loader in index.html */
}