@import url("wrapper-MdH9VQH.css");
@import url("header-1Hb7xqP.css");
@import url("footer-CLxbLDQ.css");
@import url("main-jv8EuL3.css");
@import url("form-YVqB7ba.css");
@import url("sections-iUwKA91.css");
@import url("social-cpDs496.css");
@import url("newsletter-WTdfjBe.css");

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-VariableFont-G7A9A6R.ttf");
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Italic-VariableFont-OLc3dPE.ttf");
    font-weight: 100 900;
    font-style: italic;
}

:root {
    --root-font-size: 16px;
    --font-size-h1: 3.1rem;
    --font-size-h2: 1.5rem;
    --font-size-h3: 1.3rem;
    --font-size-body: 1.2rem;
    --font-size-button: 1.3rem;
    --font-size-input: 1.2rem;

    --color-background: #f5f5f5;
    --color-background-accent: #1aa8a0;
    --color-background-dark: #2d4059;
    --color-accent: #f2994a;
    --color-text: #ffffff;
    --color-text-inverted: #000000;
    --color-success: #09a009;
    --color-error: #e00909;

    --wrapper-width: 1160px;
    --default-margin: 2rem;
    --default-margin-small: 0.8rem;
    --default-padding: 2rem;
    --default-padding-small: 0.8rem;
    --default-text-padding: 1rem;
    --default-text-padding-small: 0.5rem;
    --default-gap: 2.5rem;
    --default-gap-small: 1rem;
    --default-border-size: 1px;
    --default-border-radius: 10px;
    --default-border-color: var(--color-background);

    @media (min-width: 992px) {
        --wrapper-width: 1200px;
        --default-margin: 4rem;
        --root-font-size: 16px;
    }
}

html {
    font-size: var(--root-font-size);
}

body {
    margin: 0;
    padding: 0;

    font-family: "Roboto";
    font-weight: normal;
    font-style: normal;
    line-height: 1;

    height: 100vh;
    display: flex;
    flex-direction: column;
}

* {
    box-sizing: border-box;
}