/* Локальные шрифты Noto Sans + Noto Sans Georgian (SIL Open Font License) */
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/NotoSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Georgian';
    src: url('../fonts/NotoSansGeorgian-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Georgian';
    src: url('../fonts/NotoSansGeorgian-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Georgian';
    src: url('../fonts/NotoSansGeorgian-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ---- LABARATI: фирменный скроллбар (Firefox + WebKit / Chromium / Safari) ---- */
:root {
    --labarati-sb-track: #0f0f12;
    --labarati-sb-thumb: rgba(0, 243, 255, 0.22);
    --labarati-sb-thumb-hover: rgba(0, 243, 255, 0.45);
    --labarati-sb-thumb-active: rgba(0, 243, 255, 0.65);
    --labarati-sb-size: 10px;
}

html {
    scrollbar-gutter: stable;
}

*,
*::before,
*::after {
    scrollbar-width: thin;
    scrollbar-color: var(--labarati-sb-thumb) var(--labarati-sb-track);
}

*::-webkit-scrollbar {
    width: var(--labarati-sb-size);
    height: var(--labarati-sb-size);
}

*::-webkit-scrollbar-corner {
    background: var(--labarati-sb-track);
}

*::-webkit-scrollbar-track {
    background: var(--labarati-sb-track);
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
    background: linear-gradient(
        180deg,
        rgba(0, 243, 255, 0.32) 0%,
        rgba(0, 243, 255, 0.14) 50%,
        rgba(255, 255, 255, 0.08) 100%
    );
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
    box-shadow: inset 0 0 0 1px rgba(0, 243, 255, 0.12);
}

*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(
        180deg,
        var(--labarati-sb-thumb-hover) 0%,
        rgba(0, 243, 255, 0.22) 100%
    );
    box-shadow:
        inset 0 0 0 1px rgba(0, 243, 255, 0.35),
        0 0 14px rgba(0, 243, 255, 0.15);
}

*::-webkit-scrollbar-thumb:active {
    background: var(--labarati-sb-thumb-active);
}