:root {
  --white: #FFF;
  --black: #37332F;
  --offWhite: #F6F5F4;
  --grayLight: #e2d6ca;
  --border: #E9E0D8;

  --red: #B51515;
  --redLight: #D41A1A;
  --redDark: #950F0F;
  --indigo: #0b445b;
  --moonstone: hsl(188, 36%, 52%);
  --yellow: #daa520;

  --text: var(--black);
  --textMedium: #58524B;
  --textLight: #797167;
  --textVeryLight: #9F968F;
  --primary: var(--red);
  --primaryLight: var(--redLight);
  --primaryExtraLight: #FEECD8;
  --primaryDark: var(--redDark);
  --primaryVeryDark: #E04F00;
  --primaryExtraDark: #B84000;
  --primaryContrast: var(--white);
  --accent: var(--moonstone);
  --accentDark: #488E99;
  --accentContrast: var(--white);
  --secondary: var(--indigo);
  --secondaryDark: #0D4359;
  --secondaryLight: #125F7D;
  --secondaryVeryLight: hsl(199, 80%, 90%);
  --secondaryExtraLight: hsl(196, 90%, 96%);
  --secondaryContrast: var(--white);
  
  --fail: #FE5F55;
  --failText: var(--black);;
  --failVeryLight: #FFD9D6;
	--warning: #F5C400;
  --warningText: var(--black);;
  --warningVeryLight: #FFF7D6;
	--success: var(--accent);
  --successText: var(--secondaryDark);;
  --successVeryLight: var(--secondaryVeryLight);

  --swiper-navigation-sides-offset: 1rem;
}