@font-face {
  font-family: "Cuprum";
  src: url("/includes/fonts/Cuprum.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --main-dark: #2c3e50;
  --accent: #6e619e;
  --bg-color: #f7f9fc;
  --text-color: #2c3e50;
  --nav-icon: #888;
  --dynamic-content-bg: #f7f9fc;
  --card-content-icon: #2980b9;
}

.dark-theme {
  --bg-color: #2c3e50;
  --text-color: #f7f9fc;
  --nav-icon: #ccc;
  --dynamic-content-bg: #3a4b5d;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* FLEX */
.df { display: flex; }
.col { flex-direction: column; }
.aic { align-items: center; }
.jcc { justify-content: center; }
.jcb { justify-content: space-between; }
.start { justify-content: start; }
.end { justify-content: end; }
.g10 { gap: 10px; }

/* TEXT */
.align { text-align: center; }

/* MARGIN */
.mtb-10 { margin: 10px 0; }
.ml-10 { margin-left: 10px; }
.mr-10 { margin-right: 10px; }
.mt-10 { margin-top: 10px; }
.mb-10 { margin-bottom: 10px; }
.mtb-15 { margin: 15px 0; }
.ml-15 { margin-left: 15px; }
.mr-15 { margin-right: 15px; }
.mt-15 { margin-top: 15px; }
.mb-15 { margin-bottom: 15px; }