:root {
  --primary: #001A99;
  --blue: #002CFF;
  --blue-dark: #001266;
  --white: #fff;
  --text-primary: #0A0A0A;
  --coal: #1E1E1E;
  --orange: #FF7510;
  --orange-light: #FFE3CF;
  --gray: #5D5D5D;
  --gray-dark: #404040;
  --gray-light: #E7E7E7;
  --dim-gray: #6B7280;
  --border-primary: #D4D4D4;
  --bg-primary: #E8F1FF;
  --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: 'Montserrat', sans-serif;
  --font-secondary: 'Montserrat', sans-serif;
}

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

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

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

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

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

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: local('Montserrat-Black'), url('../fonts/Montserrat/Montserrat-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');
}