:root {
  /* === CORES PRIMÁRIAS === */
  --cs-verde-primario: #3b7555;
  --cs-marrom-escuro: #3a180c;
  --cs-marrom-medio: #823d2a;
  --cs-verde-limao: #bab642;
  --cs-verde-escuro: #123523;

  /* === CORES SECUNDÁRIAS === */
  --cs-bege-claro: #fcf3ec;
  --cs-bege-medio: #ffead5;
  --cs-fundo-secoes: #fffbf8;
  --cs-branco: #ffffff;
  --cs-preto: #000000;
  --cs-fundo-campo: #ebe2d9;
  --cs-border-color: #F1E7DE;
  --cs-cinza-escuro: #221F1E;
  --cs-fundo-card-produtos: #fcfcfc;

  /* === NÍVEIS === */
  --cs-nivel-grao      : #bab641;
  --cs-nivel-cacau     : #3a7554;
  --cs-nivel-chocolate : var(--cs-marrom-medio);
  --cs-nivel-coracao   : #a31f26;

  /* === TIPOGRAFIA === */
  --cs-font-primary: "Sagona Bold", "Lato", sans-serif;
  --cs-font-secondary: "Sagona Book", "Lato", sans-serif;

  /* === BORDAS E ARREDONDAMENTOS === */
  --cs-radius-small: 10px;
  --cs-radius-large: 30px;
  --cs-border-width: 1px;

  --cs-footer-bg:      #3A0F09;  /* marrom bem escuro */
  --cs-footer-text:    #FFFFFF;  /* textos principais/brancos */
  --cs-footer-link:    #FFFFFF;  /* links padrão */
  --cs-footer-link-hv: #E1C675;  /* tom dourado do protótipo */
  --cs-footer-btm-bg:  #2F0C07;  /* faixa inferior ainda + escura */
  --cs-footer-font-h:  'Chomsky', serif; /* mesmo display do site; troque se precisar */
  --cs-footer-font-t:  'Archivo', sans-serif; /* corpo/links */
}