@font-face {
  font-family: "Adventure Island";
  src: url("../fonts/AdventureIsland-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Almarose";
  src: url("../fonts/Almarose-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Almarose";
  src: url("../fonts/Almarose-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Almarose";
  src: url("../fonts/Almarose-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Almarose";
  src: url("../fonts/Almarose-Black.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-title: "Adventure Island", sans-serif;
  --font-body: "Almarose", sans-serif;
  --berry: #af3b52;
  --mustard: #d3a746;
  --brown: #322b21;
  --terracotta: #a34b3f;
  --green: #00532f;
  --green-2: #003d24;
  --cream: #f6eedd;
  --ink: #322b21;
  --muted: #6b5e52;
  --white: #fff;
  --surface: #fbf6ec;
  --surface-2: #f1e6d2;
  --border: #e5d9c4;
  --shadow: 0 24px 60px rgba(50, 43, 33, 0.12);
  --radius: 28px;
  --radius-sm: 14px;
}