:root {
    --bg-main: #f0faff; /* Azul muito claro para o fundo principal */
    --bg-secondary: #ffffff; /* Branco permanece para contraste */
    --text-main: #1b2e3c; /* Azul escuro para texto legível */
    --text-headings: #0086bf; /* Azul forte para títulos */
    --brand-color: #09a5e8; /* Azul claro como cor principal da marca */
    --brand-color-hover: #0073a6; /* Azul mais escuro para hover */
    --border-color: #cce7f6; /* Azul claro para bordas */
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-main);
    color: var(--text-main);
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: var(--text-headings);
}

html {
    scroll-behavior: smooth;
}

#mobile-menu {
    transition: transform 1s ease-in-out;
}