/* ==========================================================================
   ПОДКЛЮЧЕНИЕ ЛОКАЛЬНЫХ ШРИФТОВ PLUS JAKARTA SANS
   ========================================================================== */

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Принудительно задаем глобальный шрифт для всего интерфейса */
body {
    font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
}

/* ==========================================================================
   СТИЛИЗАЦИЯ ПОЛЗУНКОВ СКРОЛЛИНГА ПОД ЦВЕТ ТЕМЫ (LIGHT / DARK)
   ========================================================================== */

/* Современный стандарт для Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

html.dark {
    scrollbar-color: #374151 #030712;
}

/* Настройка для WebKit-браузеров (Chrome, Яндекс.Браузер, Safari, Opera) */

/* 1. Общие размеры полос прокрутки */
::-webkit-scrollbar {
    width: 8px;  /* Ширина вертикального скролла */
    height: 8px; /* Высота горизонтального скролла */
}

/* 2. Дорожка скроллбара (фон) */
::-webkit-scrollbar-track {
    background: #f1f5f9;
}

.dark ::-webkit-scrollbar-track {
    background: #030712;
}

/* 3. Бегунок (ползунок) */
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}

.dark ::-webkit-scrollbar-thumb {
    background: #374151;
}

/* 4. Поведение бегунка при наведении мыши (Hover) */
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #4b5563;
}