@import 'settings.css';
@import 'structure.css';
@import 'components.css';
@import 'utilities.css';
@import 'header.css';

/* 1. RESET DE BOX-SIZING (Melhor Prática) */
/* Garante que padding e border NÃO aumentem o tamanho total do elemento. */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* 2. RESET GERAL DE MARGENS E PADDINGS */
/* Remove margens e paddings padrão de todos os elementos. */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
ul,
ol,
figure,
figcaption,
table,
dl,
dd {
    margin: 0;
    padding: 0;
}

/* 3. CONFIGURAÇÕES BÁSICAS DE HTML E BODY */
html {
    /* Define o scroll suave para âncoras (links internos) */
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    /* Melhoria de renderização de fonte */
    overflow-x: hidden;
}

/* 4. REGRAS PARA MÍDIA (Imagens e Vídeos) */
/* Garante que mídias sejam responsivas e não estourem o container */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
    height: auto;
    /* Mantém a proporção */
}

/* 5. TIPOGRAFIA SECUNDÁRIA E FORMULÁRIOS */
/* Garante que herdem a fonte e o tamanho de texto do elemento pai (body) */
input,
button,
textarea,
select {
    font: inherit;
    /* Se necessário, defina box-sizing: border-box para inputs aqui */
}

/* 6. CORREÇÃO DE LISTAS */
/* Remove o estilo padrão da lista, permitindo que você estilize com classes */
ul,
ol {
    list-style: none;
}

/* 7. REGRAS DE ACESSIBILIDADE */
/* Remove a cor de foco padrão para que possamos definir nosso próprio foco visível (.btn:focus-visible, etc.) */
:focus {
    outline-offset: 0;
}

li {
    margin-bottom: 0.5rem;
}

button{
    outline: none;
    background: none;
    border: none;
    color: inherit;
}