:root{
    /* Brand Primary */
  --primary-50: #fef2f2;
  --primary-100: #FFD7D6;
  --primary-200: #FFB3B1;
  --primary-300: #FE9591;
  --primary-400: #FC7D79;
  --primary-500: #FA706B;
  --primary-600: #F65B56;
  --primary-700: #E73731;
  --primary-800: #C31610;
  --primary-900: #8C0702;
  --primary-1000: #490300;
  --primary: #F96F6A;

  /* secondary */
  --secondary-100: #CBE5E5;
  --secondary-200: #9CCACA;
  --secondary-300: #74AFAF;
  --secondary-400: #529393;
  --secondary-500: #367777;
  --secondary-600: #1F5C5C;
  --secondary-700: #144A4A;
  --secondary-800: #0B3737;
  --secondary-900: #052525;
  --secondary-1000: #011313;
  --secondary: #1F5C5C;

  --background: #F2F1EE;
  --foreground: #001520;
  --card: #ffffff;
  --muted-foreground: #6b7280;
  --border: #d1d5db;
  --input: #ffffff;
  --destructive: #e11d48;
  --color-success: #16a34a;

  /* footer */
  --footer-bg: #3B3C40;

}

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

.font-primary {
  font-family: var(--font-manrope);
}

.font-secondary {
  font-family: var(--font-playball);
}