:root {
    --ecoquim-primary: #8DC63F;
    --ecoquim-white: #FFFFFF;
    --ecoquim-navy: #023466;
    --ecoquim-gray: #5B6770;
    --ecoquim-surface: #F5F7FA;
    --ecoquim-black: #000000;

    --ecoquim-white-80: rgba(255, 255, 255, 0.80);
    --ecoquim-white-60: rgba(255, 255, 255, 0.60);

    --ecoquim-black-10: rgba(0, 0, 0, 0.10);
    --ecoquim-black-55: rgba(0, 0, 0, 0.55);

    --ecoquim-dark-50: rgba(30, 30, 30, 0.50);

    --font-primary: "Inter", Arial, sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--font-primary);
    color: var(--ecoquim-navy);
    background: var(--ecoquim-white);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}