/* Aleskerov core properties */

/* Адаптация потока SVUI под установленные размеры макета. */
@scope ([svui]) {
:scope {
    --sv-flow-width: 1400px;
    --sv-flow-indent-edge: 20px;
    --sv-font-size-min: 16;
    --sv-font-size-max: 20;
    --sv-font-size-width-min: 393;
    --sv-font-size-width-max: 1920;
    --sv-font-size-min-unit: calc(var(--sv-font-size-min) * 1px);
    --sv-font-size-max-unit: calc(var(--sv-font-size-max) * 1px);
    --sv-font-size-width-min-unit: calc(var(--sv-font-size-width-min) * 1px);
    --sv-font-size-width-max-unit: calc(var(--sv-font-size-width-max) * 1px);
    /* Restore the fluid root scale that the previous shared head calculated. */
    --sv-font-size: clamp(16px, calc(14.97053045px + 0.26195154vw), 20px);
    --ea-color-white: #ffffff;
    --ea-color-text: #202020;
    --ea-color-accent: #673400;
    --ea-color-outline: #79747e;
    --ea-color-muted: #a5a0ac;
    --ea-color-panel: #f5f5f7;
    --ea-color-scroll-track: #ececec;
    --ea-color-scroll-thumb: #65483b;

    --sv-scrollbar-thumb-color: var(--ea-color-scroll-thumb);
    --sv-scrollbar-track-color: var(--ea-color-scroll-track);
    --sv-popup-z-index: 1500000;
    --sv-popup-padding: var(--sv-space-b-lg);
    --sv-popup-backdrop: rgba(44, 33, 27, 0.68);
    --sv-popup-max-width: 48rem;
    --sv-popup-background: var(--ea-color-panel);
}

@media (max-width: 1535px) {
    :scope {
        --sv-flow-width: 1240px;
    }
}

@media (max-width: 1335px) {
    :scope {
        --sv-flow-width: 1140px;
    }
}

@media (max-width: 1239px) {
    :scope {
        --sv-flow-width: 960px;
    }
}

@media (max-width: 991px) {
    :scope {
        --sv-flow-width: 100vw;
        --sv-flow-indent-edge: 20px;
    }
}
}