/* Local Font Declarations */
/* Roboto Variable Font (weights 100-900, normal style) */
@font-face {
  font-family: "Roboto";
  src: url("../../fonts/roboto/Roboto-VariableFont_wdth,wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Roboto Variable Font (weights 100-900, italic style) */
@font-face {
  font-family: "Roboto";
  src: url("../../fonts/roboto/Roboto-Italic-VariableFont_wdth,wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* EB Garamond Variable Font (weights 400-800, normal style) */
@font-face {
  font-family: "EB Garamond";
  src: url("../../fonts/eb-garamond/EBGaramond-VariableFont_wght.ttf")
    format("truetype");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

/* EB Garamond Variable Font (weights 400-800, italic style) */
@font-face {
  font-family: "EB Garamond";
  src: url("../../fonts/eb-garamond/EBGaramond-Italic-VariableFont_wght.ttf")
    format("truetype");
  font-weight: 400 800;
  font-style: italic;
  font-display: swap;
}

/* Base Typography */
body {
  /* Farbverlauf von #FAF9FF bis #FFFFFF */
  background: linear-gradient(to bottom, #fbfaff, #ffffff);
}

#pricing-page {
  background: linear-gradient(to bottom, #faf9ff, #ffffff);
}

.feature-cards-blocks {
  background: linear-gradient(to bottom, rgba(242, 238, 255, 0.7), #fcfcff);
}

/* Duoicon Sizes*/
.icon-sm {
  width: 1rem;
  height: 1rem;
}
.icon-md {
  width: 1.5rem;
  height: 1.5rem;
}
.icon-lg {
  width: 2rem;
  height: 2rem;
}
.icon-xl {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-xxl {
  width: 3rem;
  height: 3rem;
}
.icon-xxxl {
  width: 3.5rem;
  height: 3.5rem;
}

.bg-primary-opacity-20 {
  background-color: rgba(107, 85, 177, 0.2) !important;
}