@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
:root {
  --cassiopeia-color-primary: #5FAF7D;
  --cassiopeia-color-secondary: #F4CBB2;
  --cassiopeia-color-light: #F7F9F6;
  --cassiopeia-color-dark: #333333;
  --cassiopeia-font-family-body: 'Inter', sans-serif;
}


/* Основной фон */
body {
  background-color: var(--cassiopeia-color-light);
  color: var(--cassiopeia-color-dark);
  font-family: var(--cassiopeia-font-family-body);
}

/* Ссылки */
a {
  color: var(--cassiopeia-color-primary);
}
a:hover {
  color: var(--cassiopeia-color-secondary);
}

/* Кнопки */
button,
.btn,
.button {
  background-color: var(--cassiopeia-color-primary);
  color: #fff;
  border: none;
}
button:hover,
.btn:hover,
.button:hover {
  background-color: var(--cassiopeia-color-secondary);
  color: #333;
}

/* Хэдер и футер */
.site-header,
footer {
  background-color: #fff;
  color: var(--cassiopeia-color-dark);
}

/* Модули */
.card, .module, .moduletable {
  background-color: #fff;
  border: 1px solid #dfe3e7;
  border-radius: 10px;
  padding: 1rem;
}

/* Заголовки */
h1, h2, h3, h4, h5 {
  color: var(--cassiopeia-color-primary);
  font-family: 'Inter', sans-serif;
}

.container-header {
  background-image: none !important;
}

.footer {
  background-image: none !important;
}