
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wdth,wght,YTLC@0,6..12,75..125,200..1000,440..540;1,6..12,75..125,200..1000,440..540&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wdth,wght@0,75..100,100..700;1,75..100,100..700&display=swap');*/
@import url("https://fonts.googleapis.com/css2?family=Prata&display=swap");

/*@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');*/

@font-face {
    font-family: 'Prata';
    src: url('../fonts/Prata/Prata-Regular.ttf') format('truetype');
    font-weight: 400; /* Normal weight */
    font-style: normal;
}

@font-face {
    font-family: 'GEHili';
    src: url('../fonts/GE Hili Book.ttf') format('truetype');
    font-weight: 400; /* Normal weight */
    font-style: normal;
}

@font-face {
    font-family: 'GEHili';
    src: url('../fonts/GE Hili Light.otf') format('opentype');
    font-weight: 300; /* Light weight */
    font-style: normal;
}



/* Base Reset and Variables */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }


:root {
    --dark-gold:#90795c;
  --main-color: #bd9a64;
  --black-color:#1e1e1e;
  --text-color: #5b5a5a;
  --macarons-Eugénie-color: #E4EDD8;
  --french-Toast-color: #EEDBE0;
  --breakfast-color: #B0DCE5;
  --brunch-color: #B0DCE5;
  --business-Lunch: #D2E2BD;
  --afternoon-Tea: #D2E2BD;
  --a-la-carte: #D2E2BD;
  --sweets-More: #EEDBE0;
  --drinks: #DDC4D8;
  --text-color-white: #fff;
    --white: #ffffff;
    --black: #000000;
    --gray: #5b5a5a;
    --primary-color: #84754e;
    --secondary-color: #672E45;
    --font-sans: "Nunito Sans", Helvetica, Arial, sagitns-serif;
    --font-serif: "Prata", serif;
     
}


html {
    font-size: 62.5%;
   
}
 body {
     
      font-family: "Nunito Sans", Helvetica, Arial, sagitns-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.43;
   color: var( --black-color);

    text-align: left;
    background-color: #ffffff;

    
    /*font-size: 16px;*/
    /*font-weight: 300;*/
    /*font-family: var(--font-serif);*/
    /*line-height: 1.5;*/
    /*color: var(--text-color-dark);*/
    /*background-color: #ffffff;*/
  }

h1, h2 ,h3 ,h4 ,h5, h6 {
            font-family: var(--font-serif);
        line-height: 1.4;
        font-weight: 500;
         color: var( --dark-gold);
         text-transform: uppercase;
}
h1{
        font-size: 25px;
}
h2{
    
  font-size: 24px;
}

h3{
        font-size: 20px;
}
h4{
    font-size:18px;
}
