:root {
  --jsb-ink: #151512;
  --jsb-ink-soft: #282822;
  --jsb-paper: #f1eedf;
  --jsb-paper-bright: #fffdf3;
  --jsb-paper-deep: #ddd8c5;
  --jsb-acid: #d8ff3e;
  --jsb-signal: #f35a2d;
  --jsb-signal-dark: #c53a15;
  --jsb-moss: #687044;
  --jsb-line: rgba(21, 21, 18, 0.18);
  --jsb-line-strong: rgba(21, 21, 18, 0.42);
  --jsb-shadow: 6px 6px 0 var(--jsb-ink);
  --jsb-shadow-small: 4px 4px 0 var(--jsb-ink);
  --jsb-radius: 2px;
  --jsb-display: "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --jsb-body: "Spline Sans", "Trebuchet MS", sans-serif;
  --jsb-mono: "Spline Sans Mono", "Courier New", monospace;
  --jsb-space-2xs: 0.25rem;
  --jsb-space-xs: 0.5rem;
  --jsb-space-sm: 0.75rem;
  --jsb-space-md: 1rem;
  --jsb-space-lg: 1.5rem;
  --jsb-space-xl: 2rem;
  --jsb-space-2xl: clamp(3rem, 6vw, 4.5rem);
  --jsb-text-micro: 0.8rem;
  --jsb-text-body: 1rem;
  --jsb-text-lead: 1.25rem;
  --jsb-text-subhead: clamp(2rem, 4vw, 3.375rem);
  --jsb-text-display: clamp(2.5rem, 7vw, 6rem);
  --jsb-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}