:root {
  --primary-50: rgba(255, 243, 224, 1);
  --primary-100: rgba(255, 220, 185, 1);
  --primary-200: rgba(255, 200, 140, 1);
  --primary-300: rgba(255, 180, 95, 1);
  --primary-400: rgba(255, 160, 50, 1);
  --primary-500: rgba(255, 140, 0, 1);
  --primary-600: rgba(204, 113, 0, 1);
  --primary-700: rgba(153, 85, 0, 1);
  --primary-800: rgba(102, 60, 0, 1);
  --primary-900: rgba(51, 30, 0, 1);
  --primary-950: rgba(25, 15, 0, 1);
  --secondary-100: rgba(255, 250, 235, 1);
  --secondary-200: rgba(255, 240, 200, 1);
  --secondary-300: rgba(250, 230, 150, 1);
  --secondary-400: rgba(240, 220, 100, 1);
  --secondary-500: rgba(240, 240, 240, 1);
  --secondary-600: rgba(198, 221, 204, 1);
  --secondary-700: rgba(173, 189, 179, 1);
  --secondary-800: rgba(148, 157, 153, 1);
  --secondary-900: rgba(128, 136, 128, 1);
  --neutral-50: rgba(249, 250, 251, 1);
  --neutral-100: rgba(243, 244, 246, 1);
  --neutral-200: rgba(229, 231, 235, 1);
  --neutral-300: rgba(209, 213, 219, 1);
  --neutral-400: rgba(156, 163, 175, 1);
  --neutral-500: rgba(107, 114, 128, 1);
  --neutral-600: rgba(75, 85, 99, 1);
  --neutral-700: rgba(55, 65, 81, 1);
  --neutral-800: rgba(31, 41, 55, 1);
  --neutral-900: rgba(17, 24, 39, 1);
  --neutral-950: rgba(3, 7, 18, 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);
}