/**
**   ROOT VARIABLES
**/
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --yellow: #c4a86a;
  --duckBlue: #165a63;
  --red: #9e313d;
  --lightGrey: #f8f7f5;
}

/**
**   BODONI
**/

.bodoni-moda-100 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: none;
  font-weight: 100;
  font-style: normal;
}
.bodoni-moda-200 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: none;
  font-weight: 200;
  font-style: normal;
}
.bodoni-moda-300 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: none;
  font-weight: 300;
  font-style: normal;
}
.bodoni-moda-400 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: none;
  font-weight: 400;
  font-style: normal;
}
.bodoni-moda-500 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: none;
  font-weight: 500;
  font-style: normal;
}
.bodoni-moda-600 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: none;
  font-weight: 600;
  font-style: normal;
}
.bodoni-moda-700 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: none;
  font-weight: 700;
  font-style: normal;
}
.bodoni-moda-800 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: none;
  font-weight: 800;
  font-style: normal;
}
.bodoni-moda-900 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: none;
  font-weight: 900;
  font-style: normal;
}

/**
**  WORK SANS 
**/

.work-sans-100 {
  font-family: "Work Sans", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.work-sans-200 {
  font-family: "Work Sans", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.work-sans-300 {
  font-family: "Work Sans", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.work-sans-400 {
  font-family: "Work Sans", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.work-sans-500 {
  font-family: "Work Sans", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.work-sans-600 {
  font-family: "Work Sans", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.work-sans-700 {
  font-family: "Work Sans", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.work-sans-800 {
  font-family: "Work Sans", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.work-sans-900 {
  font-family: "Work Sans", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}