/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* Tags */
:root
{
    --color-primary: rgb(18, 140, 126); /* #128c7e (WhatsApp dark green) */
    --color-secundary: rgb(37, 211, 102); /* #25d366 (WhatsApp green) */
    --color-text: rgb(17, 24, 39); /* dark gray text */
    --color-text-dark: rgb(75, 85, 99); /* medium gray text */
    --color-bg: rgb(255, 255, 255); /* white container background */
    --color-bg-50: rgba(255, 255, 255, 0.5);
    --color-bg-dark: rgb(243, 244, 246); /* light gray body background */
    --color-border: rgb(209, 213, 219); /* darker border for better visibility */
    --color-black: rgb(0, 0, 0);
    --color-white: rgb(255, 255, 255);
    --color-green: rgb(5, 223, 114);
    --color-red: rgb(255, 100, 103);
    --color-yellow: rgb(253, 199, 0);
}
*, ::before, ::after { margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; background: none; color: inherit; }
html { scroll-behavior: smooth; line-height: 2em; font-size: 62.5%; }
body { font-family: "Inter", sans-serif; font-size: 1.4rem; font-weight: normal; overflow-wrap: break-word; background-color: var(--color-bg); color: var(--color-text); }
ul, ol { list-style: none; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }