@font-face {
  font-family: "Bodoni Moda";
  src: url("../fonts/bodoni-moda-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}
@font-face {
  font-family: "Bodoni Moda";
  src: url("../fonts/bodoni-moda-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --font-display: "Bodoni Moda", Georgia, serif;
  --font-body: "Manrope", Arial, sans-serif;
  --blush-50: #FFF9FA;
  --blush-100: #FDEEF6;
  --blush-200: #FAD1D6;
  --blush-300: #ECAEB9;
  --rose-700: #675A5E;
  --hero-ink: #51474A;
  --rose-900: #403A3C;
  --cream: #FFF3DE;
  --ink: #211719;
  --ink-soft: #6D5B60;
  --black: #110D0E;
  --white: #ffffff;
  --line: rgba(33, 23, 25, .17);
  --content: min(92vw, 1240px);
  --section-space: clamp(5.5rem, 10vw, 9.5rem);
  --h1: clamp(3.25rem, 8.2vw, 8rem);
  --h2: clamp(2.65rem, 5.9vw, 5.8rem);
  --h3: clamp(1.55rem, 2.4vw, 2.2rem);
  --ease: cubic-bezier(.2, .65, .2, 1);
  --shadow: 0 30px 90px rgba(64, 58, 60, .13);
}