:root {
  --primary: #F53E3E;
  --pink: #FD6C6C;
  --pink-light: #FFB0B0;
  --pink-lace: #F2D2BD;
  --pink-coral: #F8E8DC;
  --pink-brick: #E8AD89;
  --white: #fff;
  --text-primary: #0F172A;
  --gray: #64748B;
  --gray-dark: #334155;
  --gray-light: #E7E7E7;
  --dim-gray: #6B7280;
  --rosewood: #6B2B23;
  --peach: #F2D2BD;
  --border-primary: #DFDFDF;
  --bg-primary: #FFE1E1;
  --bg-lightpink: #FCF5F0;
  --dark-goldenrod: #C4A65A;
  --warning: #F59E0B;
  --red: #E7000B;
  --success: #0AB175;
  --success-light: #CEEFE3;
  --info: #0B4DCE;
  --info-light: #CEDBF5;
  --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: 'Lato', sans-serif;
  --font-secondary: 'Playfair Display', serif;
}

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

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

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

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

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