:root {
  --white: #fff;
  --black: #000;
  --offWhite: #f5f5f5;
  --grayLight: #D4D4D4;
  --border: #D9D9D9;

  --orangeDark: #ff5c05;
  --orange: #f8931e;
  --green: #8DCC29;
  --blue: #0746AA;
  --yellow: #FFD65B;
  --yellowLight: #FFEEA8;
  --orangeDarkRGB: 255, 92, 5;
  --orangeRGB: 248, 147, 30;

  --text: var(--black);
  --textLight: #777;
  --textVeryLight: #999;
  --primary: var(--orange);
  --primaryLight: #F9B262;
  --primaryExtraLight: #FEECD8;
  --primaryDark: var(--orangeDark);
  --primaryVeryDark: #E04F00;
  --primaryExtraDark: #B84000;
  --primaryContrast: var(--white);
  --accent: var(--green);
  --accentContrast: var(--white);
  --secondary: var(--blue);
  --secondaryLight: #2877F6;
  --secondaryVeryLight: #76A8F9;
  --secondaryExtraLight: #EBF3FE;

  --fail: #FE5F55;
  --failText: #B80C00;
  --failVeryLight: #FFD9D6;
	--warning: #F5C400;
  --warningText: #CA9802;
  --warningVeryLight: #FFF7D6;
	--success: var(--green);
  --successText: #3B5511;
  --successVeryLight: #D4EFA9;

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