@use 'variables' as *;
@use 'pkg:reset-css';

/*  stylelint-disable comment-empty-line-before, custom-property-empty-line-before */
:root {
    --tab-bar-height: 0px;

    --duration-micro-s: 100ms;
    --duration-micro-m: 175ms;
    --duration-micro-l: 250ms;

    --duration-leave-s: 200ms;
    --duration-leave-m: 250ms;
    --duration-leave-l: 300ms;

    --duration-enter-s: 250ms;
    --duration-enter-m: 300ms;
    --duration-enter-l: 350ms;

    --duration-effect-s: 350ms;
    --duration-effect-m: 500ms;
    --duration-effect-l: 650ms;

    --easing-linear: cubic-bezier(0, 0, 1, 1);
    --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --easing-deceleration: cubic-bezier(0, 0, 0.2, 1);
    --easing-acceleration: cubic-bezier(0.4, 0, 1, 1);

    @each $key, $value in $breakpoints {
        --breakpoint-#{$key}: #{$value};
    }
}
/*  stylelint-enalbe comment-empty-line-before, custom-property-empty-line-before */

* {
    box-sizing: border-box;

    &::before,
    &::after {
        box-sizing: border-box;
    }

    &:focus {
        outline: none;
    }
}

[hidden] {
    display: none !important;
}

[v-cloak] {
    display: none !important;
}

html {
    font-size: $font-size; // Базовый размер шрифта устанавливается на корневом элементе страницы (для ед. измерения rem)
    text-size-adjust: 100%; // Отключение увеличения размера шрифта при изменении ориентации устройства в iOS
}

/* stylelint-disable property-disallowed-list */
button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0;
    text-align: inherit;
}
/* stylelint-enable */

img.lazyload:not([src]) {
    visibility: hidden;
}

b,
strong {
    font-weight: bold;
}

i,
em {
    font-style: italic;
}

body {
    background-color: $bg-color-primary;
    color: $font-color-primary;
    font-family: $font-family;
}