/* ============================================================
   base.css
   ----------------------------------------------------------------
   Define resets, fontes globais e regras universais.
   É o primeiro CSS a ser carregado após os tokens.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans:wght@400;600&display=swap');
@import 'tokens.css';

/* -----------------------------
   Reset e normalização
   ----------------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: var(--font-texto);
  color: var(--cor-texto);
  background-color: var(--cor-fundo);
  scroll-behavior: smooth;
  line-height: 1.6;
}


/* -----------------------------
   Imagens e mídia
   ----------------------------- */
img, picture, video, canvas {
  max-width: 100%;
  display: block;
}

/* -----------------------------
   Links e interações
   ----------------------------- */
a {
  color: var(--cor-primaria);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: var(--cor-secundaria);
}

/* -----------------------------
   Tipografia base
   ----------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-titulo);
  color: var(--cor-escura);
  line-height: 1.2;
}

p {
  margin-bottom: var(--sp-3);
  font-size: var(--fs-sm);
}

ul {
  list-style-position: inside;
  margin-bottom: var(--sp-3);
}

button {
  font-family: inherit;
  cursor: pointer;
}