/* Шрифт */
body {
    font-family: 'Aptos', sans-serif;
}

.large-text {
    font-size: var(--large-text);
}

.medium-text {
    font-size: var(--medium-text);
}

.small-text {
    font-size: var(--small-text);
}

.x-small-text {
    font-size: var(--x-small-text);
}

.bold-text {
    font-weight: bold;
}

/* Заголовки */
.title-section {
    font-size: var(--x-large-text);
    font-weight: bold;
    text-transform: uppercase;
    user-select: none;
    margin-top: var(--margin-title-vertical);
    margin-left: var(--margin-title-horizontal);
    margin-right: var(--margin-title-horizontal);
}

@media (max-width: 768px) {
    .title-section {
        margin-left: var(--margin-title-horizontal-mobile);
        margin-right: var(--margin-title-horizontal-mobile);
    }
}

.title-section::after {
    content: "";
    display: block;
    width: 200px; /* Длина линии */
    height: 2px; /* Толщина линии */
    background-color: var(--main-color); /* Цвет линии */
    margin-top: 5px;
    margin-bottom: var(--margin-title-vertical);
  }

/* Класс для текста с наведением */
.clickable-text {
    color: black;
    cursor: pointer; /* Меняем курсор на "при нажатии" */
    text-decoration: none !important; /* Убирает подчеркивание */
    user-select: none; /* Запрещаем выделение текста */
    -webkit-user-drag: none; /* Запрещаем перетаскивание изображений в WebKit-браузерах */
    -moz-user-select: none; /* Запрещаем выделение текста в Firefox */
    transition: color 0.3s ease; /* Плавный переход цвета */
}

.no-select-text {
    user-select: none; /* Запрещаем выделение текста */
    -webkit-user-drag: none; /* Запрещаем перетаскивание изображений в WebKit-браузерах */
    -moz-user-select: none; /* Запрещаем выделение текста в Firefox */
}

.no-link {
    text-decoration: none;
}

/* При наведении изменяем цвет текста на зеленый */
.clickable-text:hover {
    color: var(--main-color); /* Цвет текста при наведении */
}

/* Класс для неперетаскиваемой картинки */
.no-drag {
    -webkit-user-drag: none; /* Для WebKit-браузеров (Chrome, Safari, Edge) */
    -moz-user-drag: none; /* Для Firefox */
    user-select: none; /* Запрещает выделение изображения */
}

/* Подключение шрифта с помощью @font-face */
@font-face {
    font-family: 'Aptos'; 
    src: url('/assets/fonts/Aptos.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos'; 
    src: url('/assets/fonts/Aptos-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Days One'; 
    src: url('/assets/fonts/DaysOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}