:root {
  --primary-50: rgba(238, 242, 255, 1);
  --primary-100: rgba(224, 231, 255, 1);
  --primary-200: rgba(199, 210, 254, 1);
  --primary-300: rgba(165, 180, 252, 1);
  --primary-400: rgba(129, 140, 248, 1);
  --primary-500: rgba(99, 102, 241, 1);
  --primary-600: rgba(79, 70, 229, 1);
  --primary-700: rgba(67, 56, 202, 1);
  --primary-800: rgba(55, 48, 163, 1);
  --primary-900: rgba(49, 46, 129, 1);
  --primary-950: rgba(30, 27, 75, 1);
  --secondary-100: rgba(255, 230, 174, 1);
  --secondary-200: rgba(255, 204, 102, 1);
  --secondary-300: rgba(255, 153, 51, 1);
  --secondary-400: rgba(204, 92, 0, 1);
  --secondary-500: rgba(173, 173, 255, 1);
  --secondary-600: rgba(135, 206, 235, 1);
  --secondary-700: rgba(51, 153, 255, 1);
  --secondary-800: rgba(0, 128, 128, 1);
  --secondary-900: rgba(0, 102, 204, 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: 'Comic Sans MS', cursive, sans-serif;
  --font-body: 'Comic Sans MS', cursive, sans-serif;
}

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

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