:root {
  --primary: #F15A24;
  --white: #fff;
  --text-primary: #1A1A1A;
  --gray: #5D5D5D;
  --gray-dark: #454545;
  --gray-light: #E7E7E7;
  --dim-gray: #6B7280;
  --border-primary: #DFDFDF;
  --bg-primary: #FAF5EF;
  --dark-goldenrod: #C4A65A;
  --red: #E7000B;
  --success: #0AB175;
  --success-light: #CEEFE3;
  --info: #0B4DCE;
  --info-light: #CEDBF5;
  --warning: #F1B314;
  --warning-light: #FCF0D0;
  --danger: #DF4366;
  --danger-light: #F5CECE;
  --border-success: #A9E4CF;
  --border-info: #AAC1EE;
  --border-warning: #FAE4AD;
  --border-danger: #EEA9A9;
  --box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.4);
  --placeholder-form: #5E6B7D;
  --scrollbar-thumb: #BDBDBD;
  --scrollbar-thumb-light: rgba(244,248,255, 0.2);

  --btn-border-warning: var(--warning);
	--btn-bg-warning: var(--warning);
	--btn-text-warning: var(--white);

  --btn-border-outline-primary: var(--primary);
	--btn-bg-outline-primary: var(--white);
	--btn-text-outline-primary: var(--primary);

  --btn-border-outline-secondary: var(--blue);
	--btn-bg-outline-secondary: var(--white);
	--btn-text-outline-secondary: var(--blue);

  --font-primary: 'Be Vietnam Pro', sans-serif;
  --font-secondary: 'Playfair Display', serif;
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 100;
  src: local('BeVietnamPro-Thin'), url('../fonts/Be_Vietnam_Pro/BeVietnamPro-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 200;
  src: local('BeVietnamPro-ExtraLight.ttf'), url('../fonts/Be_Vietnam_Pro/BeVietnamPro-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 300;
  src: local('BeVietnamPro-Light.ttf'), url('../fonts/Be_Vietnam_Pro/BeVietnamPro-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  src: local('BeVietnamPro-Regular.ttf'), url('../fonts/Be_Vietnam_Pro/BeVietnamPro-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  src: local('BeVietnamPro-Medium'), url('../fonts/Be_Vietnam_Pro/BeVietnamPro-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  src: local('BeVietnamPro-SemiBold'), url('../fonts/Be_Vietnam_Pro/BeVietnamPro-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  src: local('BeVietnamPro-Bold'), url('../fonts/Be_Vietnam_Pro/BeVietnamPro-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 800;
  src: local('BeVietnamPro-ExtraBold'), url('../fonts/Be_Vietnam_Pro/BeVietnamPro-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 900;
  src: local('BeVietnamPro-Black'), url('../fonts/Be_Vietnam_Pro/BeVietnamPro-Black.ttf') format('truetype');
}

/* Fonts */

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('PlayfairDisplay-Regular'), url('../fonts/Playfair_Display/PlayfairDisplay-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: local('PlayfairDisplay-Medium'), url('../fonts/Playfair_Display/PlayfairDisplay-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: local('PlayfairDisplay-SemiBold'), url('../fonts/Playfair_Display/PlayfairDisplay-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: local('PlayfairDisplay-Bold'), url('../fonts/Playfair_Display/PlayfairDisplay-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: local('PlayfairDisplay-ExtraBold'), url('../fonts/Playfair_Display/PlayfairDisplay-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: local('PlayfairDisplay-Black'), url('../fonts/Playfair_Display/PlayfairDisplay-Black.ttf') format('truetype');
}