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

/* Tags */
:root
{
    --color-primary: rgb(22, 209, 115); /* #16d173; */
    --color-secundary: rgb(36, 243, 137); /* #24f389; */
    --color-black: rgb(0, 0, 0); /* #000 */
    --color-white: rgb(255, 255, 255); /* #fff */
    --color-whatsapp: rgb(37, 211, 102); /* 25d366 */
    --color-whatsapp-0: rgba(37, 211, 102, 0);
    --color-whatsapp-50: rgba(37, 211, 102, .5);

    --light-color-text: rgb(29, 28, 27); /* #1d1c1b */
    --light-color-text-dark: rgb(115, 115, 115); /* #737373 */
    --light-color-bg: rgb(246, 246, 246); /* #f6f6f6 */
    --light-color-bg-50: rgb(246, 246, 246, .5);
    --light-color-bg-dark: rgb(223, 223, 223); /* #dfdfdf */
    --light-color-border: rgb(207, 207, 207); /* #cfcfcf */
    --light-color-green: rgb(0, 201, 80); /* #00c950 */
    --light-color-red: rgb(251, 44, 54); /* #fb2c36 */
    --light-color-yellow: rgb(240, 177, 0); /* #f0b100 */

    --dark-color-text: rgb(250, 250, 250); /* #fafafa */
    --dark-color-text-dark: rgb(118, 118, 119); /* #767677 */
    --dark-color-bg: rgb(18, 18, 21); /* #121215 */
    --dark-color-bg-50: rgb(18, 18, 21, .5);
    --dark-color-bg-dark: rgb(36, 36, 39); /* #242427 */
    --dark-color-border: rgb(45, 45, 48); /* #2d2d30 */
    --dark-color-green: rgb(5, 223, 114); /* #05df72 */
    --dark-color-red: rgb(255, 100, 103); /* #ff6467 */
    --dark-color-yellow: rgb(253, 199, 0); /* #fdc700 */
}
.is-light {
    --color-text: var(--light-color-text);
    --color-text-dark: var(--light-color-text-dark);
    --color-bg: var(--light-color-bg);
    --color-bg-50: var(--light-color-bg-50);
    --color-bg-dark: var(--light-color-bg-dark);
    --color-border: var(--light-color-border);
    --color-green: var(--light-color-green);
    --color-red: var(--light-color-red);
    --color-yellow: var(--light-color-yellow);
}
.is-dark {
    --color-text: var(--dark-color-text);
    --color-text-dark: var(--dark-color-text-dark);
    --color-bg: var(--dark-color-bg);
    --color-bg-50: var(--dark-color-bg-50);
    --color-bg-dark: var(--dark-color-bg-dark);
    --color-border: var(--dark-color-border);
    --color-green: var(--dark-color-green);
    --color-red: var(--dark-color-red);
    --color-yellow: var(--dark-color-yellow);
}
*, ::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; }