:root {
  --primary-50: rgba(255, 244, 229, 1);
  --primary-100: rgba(255, 224, 178, 1);
  --primary-200: rgba(255, 194, 106, 1);
  --primary-300: rgba(255, 168, 51, 1);
  --primary-400: rgba(255, 136, 0, 1);
  --primary-500: rgba(244, 81, 30, 1);
  --primary-600: rgba(220, 61, 30, 1);
  --primary-700: rgba(198, 50, 28, 1);
  --primary-800: rgba(177, 38, 28, 1);
  --primary-900: rgba(155, 27, 22, 1);
  --primary-950: rgba(115, 15, 12, 1);
  --secondary-100: rgba(255, 221, 201, 1);
  --secondary-200: rgba(255, 187, 153, 1);
  --secondary-300: rgba(255, 153, 107, 1);
  --secondary-400: rgba(255, 119, 61, 1);
  --secondary-500: rgba(255, 255, 255, 1);
  --secondary-600: rgba(0, 122, 178, 1);
  --secondary-700: rgba(0, 107, 153, 1);
  --secondary-800: rgba(0, 92, 128, 1);
  --secondary-900: rgba(0, 77, 102, 1);
  --neutral-50: rgba(250, 250, 250, 1);
  --neutral-100: rgba(240, 240, 240, 1);
  --neutral-200: rgba(229, 229, 229, 1);
  --neutral-300: rgba(211, 211, 211, 1);
  --neutral-400: rgba(169, 169, 169, 1);
  --neutral-500: rgba(128, 128, 128, 1);
  --neutral-600: rgba(85, 85, 85, 1);
  --neutral-700: rgba(55, 55, 55, 1);
  --neutral-800: rgba(30, 30, 30, 1);
  --neutral-900: rgba(10, 10, 10, 1);
  --neutral-950: rgba(0, 0, 0, 1);
  --font-title: 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Helvetica Neue', Arial, sans-serif;
}

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

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