@import "root.css";
@import "animations.css";
@import "fonts.css";
@import "layouts.css";


/* elements */
@import "elements/buttons.css";
@import "elements/select.css";
@import "elements/text.css";
@import "elements/platforms.css";
@import "elements/reviews.css";
@import "elements/header.css";
@import "elements/hero.css";
@import "elements/notifications.css";
@import "elements/info.css";
@import "elements/connected-devices.css";
@import "elements/subscription.css";
@import "elements/subscription-edit.css";
@import "elements/referal.css";
@import "elements/locations.css";
@import "elements/branding.css";
@import "elements/steps.css";
@import "elements/userguides.css";
@import "elements/client-install.css";
@import "elements/device-controls.css";
@import "elements/filters.css";
@import "elements/popup.css";
@import "elements/footer.css";

/* pages */
@import "pages/hello.css";
@import "pages/home.css";
@import "pages/device-edit.css";
@import "pages/subscription-edit.css";


html {
    font-family: 'Futura PT Book', sans-serif;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 400;
}

body {
    font-family: 'Futura PT Book', sans-serif;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden;
}

a {
    text-decoration: none!important;
}

.d-none {
    display: none!important;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.color-text-dark-3{
    color: var(--color-text-dark-3);
}


@media (max-width: 768px) {
    html {
        zoom: 0.9; /* Или используйте transform: scale(0.9); */
    }
}