:root{
  /* Palette */
  --bg: #0f1724; /* optional use */
  --surface: #ffffff;
  --muted: #707582;
  --accent: #00c2a8; /* teal */
  --accent-2: #00a6ff; /* electric */
  --accent-3: #ffd166; /* gold */
  --text: #111827;

  /* Spacing / scale */
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;
  --radius: 12px;

  /* Typography */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --h1: 2.125rem; /* 34px */
  --lead: 1.125rem;
}