:root {
  --bg: #0a0a0b;
  --fg: #f4f4f5;
  --muted: #a1a1aa;
  --accent: #6ee7ff;
  --max-w: 64rem;

  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  /* signature "system panel" */
  --panel-bg: rgba(11, 11, 13, 0.62);
  --panel-border: rgba(255, 255, 255, 0.12);
  --panel-radius: 18px;

  --step-0: clamp(1rem, 0.9rem + 0.4vw, 1.125rem);
  --step-1: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  --step-2: clamp(1.4rem, 1.2rem + 1vw, 1.9rem);
  --step-3: clamp(2.2rem, 1.6rem + 3vw, 4rem);
  --step-4: clamp(2.4rem, 1.8rem + 3.5vw, 4.2rem);
  --step-5: clamp(3rem, 2rem + 6vw, 6.5rem);
}