/* fonte "Krona One" do "Google Fonts" */
@import url("https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap");

:root {
  /* Tonalidades fornecidas */
  --verde-escuro: #6f876a;
  --verde-claro: #9BAD98;
  --verde-mais-claro: #BFC7BF;

  /* Tema (claro / marketing) */
  --cor-primaria: #F4F6F4;        /* background geral (leve, neutro) */
  --cor-secundaria: #1E1F1E;      /* texto principal (quase preto) */
  --cor-terciaria: var(--verde-escuro);  /* destaque / bordas / CTA */
  --cor-hover: #c7dec3;           /* hover do CTA (variação do verde escuro) */

  /* Superfícies */
  --cor-surface: #FFFFFF;         /* cards/botões quando precisar */
  --cor-header: rgba(255, 255, 255, 0.72);
  --cor-header-border: rgba(0, 0, 0, 0.06);

  --fonte-primaria: "Krona One", sans-serif;
  --fonte-secundaria: "Montserrat", sans-serif;
}

/* Reset */
* { margin: 0; padding: 0; }

html {
  background-color: var(--cor-primaria);
}

body {
  color: var(--cor-secundaria);
  width: 100%;
  display: table;
}

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }