/* 
    PROJETO ATLAS - QSMS ALLIANCE V2.0
    ARQUIVO: reset.css
    DESCRIÇÃO: Garante que o site apareça igual em todos os navegadores.
    COERÊNCIA DE PATH: Este arquivo deve estar na pasta /css/
    DICA PARA O LEIGO: Não altere estas regras, elas são a base de "engenharia" do código.
*/

/* 1. RESET GLOBAL: Define que todos os elementos usem a mesma lógica de tamanho */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Garante que bordas não "empurrem" o layout */
    -webkit-font-smoothing: antialiased; /* Suaviza as fontes no Mac/iPhone */
    -moz-osx-font-smoothing: grayscale; /* Suaviza as fontes no Firefox */
}

/* 2. BASE DO DOCUMENTO: Define o comportamento do "chão" do site */
html {
    scroll-behavior: smooth; /* Faz o deslize entre seções ser elegante e não brusco */
    font-size: 16px; /* Base matemática para cálculos de tamanho (REM) */
    overflow-x: hidden; /* Impede que o site "dance" para os lados no celular */
}

body {
    width: 100%;
    min-height: 100vh;
    line-height: 1.5; /* Espaçamento entre linhas para leitura técnica clara */
    background-color: var(--bg-light); /* Usa a cor definida no variables.css */
    color: var(--primary-blue);
}

/* 3. ELEMENTOS DE TEXTO: Padroniza títulos e links */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading); /* Montserrat, conforme definido */
    font-weight: 700;
}

a {
    text-decoration: none; /* Remove o sublinhado azul padrão de links */
    color: inherit;
    display: inline-block;
    transition: var(--transition-smooth);
}

/* 4. ELEMENTOS VISUAIS: Garante que imagens não quebrem o layout */
img {
    max-width: 100%; /* Imagens nunca serão maiores que a tela do usuário */
    height: auto;
    display: block; /* Remove espaços vazios embaixo de imagens */
    border: none;
}

/* 5. LISTAS E BOTÕES: Remove os estilos "clássicos" de internet antiga */
ul, ol {
    list-style: none; /* Remove as bolinhas das listas de serviços */
}

button {
    cursor: pointer;
    border: none;
    background: none;
    font-family: inherit;
}

/* 6. SCROLLBAR PERSONALIZADA (Estilo Software Industrial) */
/* Aquela barra lateral que aparece para rolar a página */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--bg-light);
}

::-webkit-scrollbar-thumb {
    background: var(--primary-blue); /* Azul QSMS Alliance */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-green); /* Verde Alliance ao passar o mouse */
}