@import url("../fonts/Blinker-Black.ttf");
@import url("../fonts/Blinker-Bold.ttf");
@import url("../fonts/Blinker-ExtraBold.ttf");
@import url("../fonts/Blinker-ExtraLight.ttf");
@import url("../fonts/Blinker-Light.ttf");
@import url("../fonts/Blinker-Regular.ttf");
@import url("../fonts/Blinker-SemiBold.ttf");
@import url("../fonts/Blinker-Thin.ttf");

/* FontAwesome imports */
@import url("./all.min.css");
@import url("./fontawesome.min.css");
@import url("./solid.min.css");
@import url("./brands.min.css");
@import url("./regular.min.css");

/* Components imports */
@import url("./components/header.css");
@import url("./components/menu.css");
@import url("./components/footer.css");
@import url("./components/cookies.css");


:root {
    --body-padding: 380px;
    --primary-color:#3a8057;
    --primary-color-rbg: 58 128 87;
    --secondary-color:#204931;
    --transient-color:#5ec465;
    --foreground-color:#f0f0f0;
    
    /* cores */
    --color-white:#f2f2f2;
    --color-black:#2c2e2d;
}

* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Blinker", sans-serif;
}

@media (max-width: 1710px) {
    :root {
        --body-padding: 190px;
    }
}

@media (max-width: 1217px) {
    :root {
        --body-padding: 90px;
    }
}

@media (max-width: 768px) {
    :root {
        --body-padding: 30px;
    }
}

@media (max-width: 512px) {
    :root {
        --body-padding: 15px;
    }
}

/* Skip Link para acessibilidade */
.skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    background: var(--secondary-color);
    color: var(--color-white);
    padding: 8px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    z-index: 9999;
    transition: top 0.3s ease;
}

.skip-link:focus {
    top: 6px;
}