/* Сброс стилей для всех элементов */
		
* {
	box-sizing: border-box; /* Устанавливаем box-sizing для расчета ширины и высоты */
	margin: 0; /* Убираем отступы */
	padding: 0; /* Убираем внутренние отступы */
}

/* Основные стили для body */
body {
/* 	font-family: Arial, sans-serif; Устанавливаем шрифт для всего документа */
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; /* Устанавливаем шрифт для всего документа */
	background-color: var(--bg-primary); /* Цвет фона (используется CSS переменная) */
    color: var(--text-primary); /* Цвет текста (используется CSS переменная) */
    display: flex; /* Используем flexbox */
	flex-direction: column; /* Устанавливаем направление по колонкам */
	min-height: 100vh; /* Минимальная высота 100% от высоты окна */
}

.form-group {
	margin-bottom: 15px; /* Отступ между группами форм */
}


/* 
 * Стили для ссылок и кликабельных элементов 
 */
.a {
    cursor: pointer; /* Меняем курсор при наведении на кликабельный элемент */
    text-decoration: none; /* Убираем подчеркивание */
}

/* 
 * Стили для выравнивания текста 
 */
.tr {
    text-align: right; /* Выравнивание текста по правому краю */
}

/* 
 * Стили для выравнивания текста 
 */
.tl {
    text-align: left; /* Выравнивание текста по левому краю */
}

/* 
 * Класс для выравнивания элементов по правому краю 
 * через автоматический отступ слева
 */
.ar {
    margin-left: auto; /* Автоматический отступ слева для выравнивания вправо */
}