:root {

/* temos tambem o arquivo vars.css para colocar opções que podem ser alteradas como cores de botoes, fontes, ou seja, itens que são repetidos muitas vezes como no codigo que usamos o root: para configurar a font e só chamamos ela na tag body e não em todas as tags*/

/* também podemos apenas alterar o tipo da fonte, cor e afins aqui na variavel e ela será alterada em todo o código, ao inves de mudar em cada tag, uma por uma */

    /* Cores */
    --text-base:rgb(0, 0, 0)3;

    --bg-salmao: #fee9d7;
    --bg-vermelho: #da460b;
    --bg-branco: #ffffff;
    --bg-footer: #474342;

    

  
    /* Fonts 
    --font-dm-sans: "DM Sans", sans-serif; */

  }
  
  /* MEDIA QUERYS
  @media screen and (max-width: 767px) {
  }
  
  @media screen and (min-width: 768px) and (max-width: 1274px) {
  } */