:root {
  --paper: #ffffff;
  --paper-tint: #f5f5f5;
  --ink: #111111;
  --pitch: #000000;
  --ink-soft: #333333;
  --ink-mute: #666666;
  --rule-line: rgba(17, 17, 17, 0.14);
  --rule-line-invert: rgba(255, 255, 255, 0.24);
  --glow: rgba(17, 17, 17, 0.28);
  --glow-soft: rgba(17, 17, 17, 0.13);
  --glow-invert: rgba(255, 255, 255, 0.22);

  --face-display: "Fraunces", Georgia, "Times New Roman", serif;
  --face-text: "Karla", "Segoe UI", system-ui, sans-serif;
  --type-xs: 0.8125rem;
  --type-sm: 0.9375rem;
  --type-md: 1.125rem;
  --type-lg: 1.5rem;
  --type-xl: 2.25rem;
  --type-2xl: 3rem;
  --type-3xl: 6rem;
  --lead-tight: 1.12;
  --lead-body: 1.8;
  --track-tight: -0.05em;
  --track-wide: 0.18em;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --space-6: 3rem;
  --space-8: 4rem;

  --edge: 0.625rem;
  --edge-card: 0.875rem;
  --edge-box: 1.5rem;
  --hair: 0.0625rem;
  --stroke: 0.125rem;

  --pace: 0.3s ease;
  --pace-quick: 0.2s ease;

  --bench: 68.75rem;
  --bench-box: 62.5rem;
  --bench-tight: 46rem;

  --lift: 0 0.25rem 1.25rem var(--glow-soft);
  --lift-high: 0 0.75rem 2.5rem var(--glow);
}