@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald/Oswald-VariableFont_wght.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat Italic';
  src: url('../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
  font-style: italic;
  font-display: swap;
}


:root {

  --color-brand-30: #FBF3CC;
  --color-brand-60: #F9EDB5;
  --color-brand-100: #F2D655;

  --color-bg-light: #D3D2B6;
  --color-bg-dark: #3F3F3D;
  --color-bg-white: #FFFFFF;

  --color-accent: #1C5959;
  --color-accent-light: #ABBA8D;

  --color-text-dark: #1C1C1C;
  --color-text-dark-secondary:#3F3F3D;
  --color-text-light: #F2F2F2;

  --color-btn-bg-light: #D3D2B6;
  --color-btn-bg-accent: #ABBA8D;

  --fs-hero-dsk: 94px;
  --fs-hero-mbl: 40px;
  --fs-display-1: 90px;
  --fs-display-2: 68px;
  --fs-display-3: 48px;
  --fs-header-1: 27px;
  --fs-header-2: 22px;
  --fs-header-3: 18px;
  --fs-header-4: 16px;
  --fs-card-title-mbl: 20px;
  --fs-card-description-mbl: 15px;
  --fs-p-1: 28px;
  --fs-p-1-mbl: 17px;
  --fs-p-3: 14px;
  --fs-p-4: 13px;
  --fs-btn: 16px;
  --fs-link: 14px;
  
  --fw-display-4: 200;
  --fw-display-3: 300;
  --fw-display-2: 400;
  --fw-display-1: 500;
  --fw-hero: 500;

  --lh-hero-dsk: 124px;
  --lh-display-1: 100%;
  --lh-display-2: 174%;
  --lh-header: 100%;
  --lh-p-1: 18px;
  --lh-p-2: 210%;
  --lh-p-3: 174%;
  --lh-btn: 120%;
  --lh-link: 100%;

  --ff-base: "Oswald", sans-serif;
  --ff-secondary: "Montserrat", sans-serif;







  --gradiente-botones: linear-gradient(180deg, #3F3F3D -107.69%, #F9EDB5 61.06%);
  --gradiente-hr: linear-gradient(180deg, #3F3F3D -180.69%, #FBF3CC 80%);


}