:root {
  --rh-yellow: #ffd300;
  --rh-black: #050505;
  --rh-ink: #151515;
  --rh-muted: #63666d;
  --rh-white: #ffffff;
  --rh-paper: #f4f4ef;
  --rh-soft: #ecece6;
  --rh-line: rgba(5, 5, 5, .16);

  --rh-font: Arial, Helvetica, sans-serif;
  --rh-font-display: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --rh-content: 1240px;
  --rh-reading: 760px;

  --rh-space-1: 8px;
  --rh-space-2: 12px;
  --rh-space-3: 18px;
  --rh-space-4: 24px;
  --rh-space-5: 32px;
  --rh-space-6: 48px;
  --rh-space-7: 72px;
  --rh-space-8: 96px;
  --rh-section-space: clamp(78px, 8vw, 124px);
  --rh-page-gutter: clamp(20px, 5vw, 72px);

  --rh-border: 1px solid var(--rh-line);
  --rh-border-strong: 2px solid var(--rh-black);
  --rh-radius: 0;
  --rh-shadow-offset: 6px 6px 0 var(--rh-black);
  --rh-shadow-soft: 0 22px 52px rgba(0, 0, 0, .1);

  --rh-motion-fast: 180ms ease;
  --rh-motion-medium: 320ms cubic-bezier(.22, .7, .22, 1);
}