@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/playfair-display-bold.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Great Vibes";
  src: url("../fonts/great-vibes-regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat-semibold.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

:root {
  --grapefruit: #F34B5C;
  --grapefruit-pastel: #FFB0B7;
  --apricot: #FF8A3D;
  --apricot-pastel: #FFC9A3;
  --buttercup: #FFE08A;
  --buttercup-pastel: #FFEDBA;
  --cherry-blossom: #FCD8D2;
  --cherry-blossom-pastel: #FFEAE6;
  --sage: #A7B98E;
  --sage-pastel: #DBE3D1;
  --eucalyptus: #567258;
  --eucalyptus-pastel: #8D9E8F;
  --vanilla: #FFF7EB;
  --mist: #E6E1D6;
  --anthracite: #333333;
  --font-display: "Playfair Display", Georgia, serif;
  --font-script: "Great Vibes", "Brush Script MT", cursive;
  --font-sans: "Montserrat", Arial, sans-serif;
  --shadow-soft: 0 18px 56px color-mix(in srgb, var(--eucalyptus) 13%, transparent);
  --radius-large: 1.75rem;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
}