:root {
  --tw-navy: #071f36;
  --tw-blue: #159fe5;
  --tw-cream: #f5f2ea;
  --tw-white: #ffffff;
  --tw-slate: #69747e;
  --tw-mist: #e9ecec;
  --tw-text: var(--tw-navy);

  --tw-font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --tw-container: 80rem;
  --tw-reading: 48rem;
  --tw-gutter: clamp(1.25rem, 4vw, 3rem);
  --tw-section-space: clamp(4rem, 9vw, 9rem);

  --tw-space-1: .5rem;
  --tw-space-2: 1rem;
  --tw-space-3: 1.5rem;
  --tw-space-4: 2rem;
  --tw-space-5: 3rem;
  --tw-space-6: 4rem;
  --tw-space-7: 6rem;
  --tw-space-8: 8rem;

  --tw-radius-sm: 2px;
  --tw-radius-md: 4px;
  --tw-transition: 220ms ease;
}