:root {
  --background-color: #F4ECE3; /* Светлый фон */
  --text-color: #5C4033; /* Коричневый текст */
  --primary-button: #B8563D; /* Красно-терракотовые основные кнопки */
  --secondary-button: #567D59; /* Зеленые второстепенные кнопки */
  --navigation-color: #3A5F77; /* Синий для навигации/иконок */
  --accent-color: #D7A95B; /* Золотистый для акцентов */

  --greek-white: #FFFFFF; /* Белый цвет для греческого текста */
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Arial", sans-serif;
  background-color: var(--background-color);
  color: var(--text-color);
  min-height: 100vh;
}

.app-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 10px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
