/*
DOCUMENTAÇÃO DO ARQUIVO: css/base/resets.css
Normalização dos estilos nativos do navegador. Deve preceder os demais estilos; border-box inclui borda e preenchimento na largura declarada.
*/
/**
 * ==========================================================
 * Projeto.....: Cor & Papel
 * Arquivo.....: reset.css
 * Versão......: 0.1.0
 * ----------------------------------------------------------
 * Descrição:
 * Remove estilos padrões dos navegadores para garantir
 * consistência visual em todas as plataformas.
 * ==========================================================
 */

/* Reset Global */

/* Aplica as declarações abaixo a *. */
*{
    /* Espaço externo; com quatro valores, a ordem é cima, direita, baixo e esquerda; auto pode distribuir o espaço disponível. */
    margin: 0;
    /* Espaço interno; dois valores indicam vertical/horizontal e quatro indicam cima/direita/baixo/esquerda. */
    padding: 0;
    /* border-box inclui borda e padding no tamanho declarado. */
    box-sizing: border-box;
}

/* HTML */

/* Aplica as declarações abaixo a html. */
html{
    /* Suaviza deslocamentos de rolagem iniciados por navegação ou código. */
    scroll-behavior: smooth;
}

/* Body */

/* Aplica as declarações abaixo a body. */
body{
    /* Altura mínima; vh usa a altura da janela e dvh acompanha a área visível dinâmica. */
    min-height: 100vh;
    /* Solicita ao navegador otimizações para a legibilidade do texto. */
    text-rendering: optimizeLegibility;
    /* Solicita suavização das letras nos navegadores que aceitam esta propriedade. */
    -webkit-font-smoothing: antialiased;
}

/* Formulários */

/* Aplica as declarações abaixo a input, button, textarea, select. */
input,
button,
textarea,
select{
    /* Conjunto de propriedades da fonte; inherit usa os valores do elemento pai. */
    font: inherit;
}

/* Imagens */

/* Aplica as declarações abaixo a img, picture. */
img,
picture{
    /* Define a organização do elemento: flex alinha itens, grid cria colunas, block ocupa uma linha e none remove do layout. */
    display: block;
    /* Limite máximo de largura; 100% evita ultrapassar a largura disponível. */
    max-width: 100%;
}

/* Listas */

/* Aplica as declarações abaixo a ul, ol. */
ul,
ol{
    /* Controla os marcadores da lista; none remove os marcadores nativos. */
    list-style: none;
}

/* Links */

/* Aplica as declarações abaixo a a. */
a{
    /* Controla enfeites do texto, como o sublinhado dos links. */
    text-decoration: none;
}