:root {
  --primary-50: rgba(245, 245, 245, 1);
  --primary-100: rgba(220, 220, 220, 1);
  --primary-200: rgba(170, 170, 170, 1);
  --primary-300: rgba(130, 130, 130, 1);
  --primary-400: rgba(100, 100, 100, 1);
  --primary-500: rgba(40, 40, 40, 1);
  --primary-600: rgba(30, 30, 30, 1);
  --primary-700: rgba(20, 20, 20, 1);
  --primary-800: rgba(15, 15, 15, 1);
  --primary-900: rgba(10, 10, 10, 1);
  --primary-950: rgba(5, 5, 5, 1);
  --secondary-100: rgba(240, 240, 240, 1);
  --secondary-200: rgba(230, 230, 230, 1);
  --secondary-300: rgba(200, 200, 200, 1);
  --secondary-400: rgba(170, 170, 170, 1);
  --secondary-500: rgba(255, 255, 255, 1);
  --secondary-600: rgba(50, 150, 150, 1);
  --secondary-700: rgba(30, 130, 130, 1);
  --secondary-800: rgba(10, 110, 110, 1);
  --secondary-900: rgba(0, 100, 100, 1);
  --neutral-50: rgba(245, 245, 245, 1);
  --neutral-100: rgba(235, 235, 235, 1);
  --neutral-200: rgba(220, 220, 220, 1);
  --neutral-300: rgba(200, 200, 200, 1);
  --neutral-400: rgba(175, 175, 175, 1);
  --neutral-500: rgba(120, 120, 120, 1);
  --neutral-600: rgba(80, 80, 80, 1);
  --neutral-700: rgba(60, 60, 60, 1);
  --neutral-800: rgba(40, 40, 40, 1);
  --neutral-900: rgba(20, 20, 20, 1);
  --neutral-950: rgba(5, 5, 5, 1);
  --font-title: 'Helvetica Neue', sans-serif;
  --font-body: 'Arial', sans-serif;
}

.title-font {
  font-family: var(--font-title);
}

.body-font {
  font-family: var(--font-body);
}