@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/Cormorant_Garamond/CormorantGaramond-VariableFont_wght.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-display: swap;
}

:root {
  --white: #ffffff;
  --sand: #faf8f5;
  --gold: #b08a4c;
  --gold-dark: #8f6d36;
  --black: #232323;
  --gray: #555555;
  --line: #dddddd;
  --line-soft: rgba(221, 221, 221, 0.55);
  --overlay: rgba(12, 12, 12, 0.62);
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.08);
  --shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.06);
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --container: 1240px;
  --container-narrow: 1060px;
  --header-height: 92px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}