:root {
  --mobius-carbon: #0d0f10;
  --mobius-paper: #f1ede7;
  --mobius-proof-red: #e11712;
  --mobius-action-blue: #0b56fe;
  --mobius-steel: #999ca2;
  --mobius-body: "Manrope", sans-serif;
  --mobius-display: "Barlow Condensed", sans-serif;
  --mobius-mono: "IBM Plex Mono", monospace;
  --mobius-rule: 1px solid color-mix(in srgb, var(--mobius-carbon) 42%, transparent);
  --mobius-focus: 3px solid var(--mobius-action-blue);
  --mobius-space-1: 0.25rem;
  --mobius-space-2: 0.5rem;
  --mobius-space-3: 0.75rem;
  --mobius-space-4: 1rem;
  --mobius-space-6: 1.5rem;
  --mobius-space-8: 2rem;
  --mobius-space-12: 3rem;
  --mobius-space-16: 4rem;
}