.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}

:root {
  --primary: #7aab9c;
  --primary-light: #c7e4dc;
  --secondary: #a096c6;
  --background-light: #f6f8f8;
  --background-dark: #102222;
  --text-light: #333333;
  --text-dark: #e5e7eb;
  --card-light: #ffffff;
  --card-dark: #182c2c;
  --border-light: #e5e7eb;
  --border-dark: #374151;
  --background-light-rgb: 246, 248, 248;
  --background-dark-rgb: 16, 34, 34;
  --card-light-rgb: 255, 255, 255;
  --card-dark-rgb: 24, 44, 44;
  --text-light-rgb: 51, 51, 51;
  --text-dark-rgb: 229, 231, 235;
  --border-light-rgb: 229, 231, 235;
  --border-dark-rgb: 55, 65, 81;
  --primary-rgb: 122, 171, 156;
  --primary-light-rgb: 199, 228, 220;
  --secondary-rgb: 160, 150, 198;
}

* {
  font-family: "Numans", sans-serif;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

h1 {
  font-family: "Abhaya Libre", serif;
}

h2 {
  font-family: "Abhaya Libre", serif;
}