/* Span identity — core colors and system typography. */
:root {
  --span-canvas: #f4f5ef;
  --span-ink: #20251e;
  --span-lime: #d3f568;
  --span-moss: #738754;

  --span-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --span-weight-body: 400;
  --span-weight-medium: 500;
  --span-weight-strong: 650;
  --span-weight-wordmark: 730;
  --span-tracking-display: -0.055em;
  --span-tracking-wordmark: -0.05294em;
  --span-leading-body: 1.55;
  --span-leading-display: 1.02;

  --span-space-1: 4px;
  --span-space-2: 8px;
  --span-space-3: 12px;
  --span-space-4: 16px;
  --span-space-6: 24px;
  --span-space-8: 32px;
  --span-space-12: 48px;
  --span-space-16: 64px;

  --span-radius-control: 12px;
  --span-radius-panel: 24px;
  --span-radius-pill: 999px;
}