@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@600&display=swap');

:root {
    --primary-color: #b2eeec;
    --secondary-color: #8ad4fb;
    --accent-color: #3375b1;
    --background-color: #ffffff;
    --background-color-second: #f2f7fa;
    --button-color: var(--accent-color);
    --complementary-color: #fbeecb;
    /*Text*/
    --text-color: #222222;
    --text-title-color: #111111;
    --link-color: #3375b1;
    --link-hover-color: #205b8c;
    /* Tipográfia */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Open Sans', sans-serif;
    --font-size-base: 16px;
    --line-height: 1.6;
    /*Footer*/
    /*--footer-bg: #e8f3f9;*/
    --footer-bg: #1f2d3a;
    --footer-text: #f0f4f8;
    --footer-muted: #c5d0db;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: var(--font-body);
    background-color: var(--background-color);
    color: var(--text-color);
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

h1, h2, h3 {
    font-family: var(--font-heading);
    color: var(--text-title-color);
}

a {
    color: var(--link-color);
}

    a:hover {
        color: var(--link-hover-color);
    }

.button {
    background-color: var(--button-color);
    color: #fff;
}