/* ========================================================================
   01-tema.css — TEMA E BASE
   ------------------------------------------------------------------------
   Cores da marca (variáveis), fontes e estilos básicos de body, títulos,
   links e botões. Para mudar uma cor do site inteiro, mude aqui em :root.
   ======================================================================== */

/* ---- Paleta de cores (verde-água). Usadas no resto do CSS como var(--nome). ---- */
/* ===== Tema Comjuntos (verde-água) ===== */
:root{
  --ink:#153531;
  --paper:#FFFFFF;
  --blue:#1E9C8C;       /* verde-água */
  --blue-2:#0E7A6E;     /* verde-água escuro */
  --blue-deep:#0B5750;  /* verde profundo */
  --teal-mid:#2BC4A6;   /* verde-água claro */
  --sky:#EAF8F4;        /* fundo suave menta */
  --orange:#4FB477;     /* verde folha */
  --orange-2:#379059;   /* verde folha escuro */
  --yellow:#D9E36B;     /* verde-limão */
  --yellow-2:#BFCF48;   /* verde-limão escuro */
  --line:#CFEFE7;
  --card:#FFFFFF;
  --ig-gradient: linear-gradient(120deg,var(--blue),var(--teal-mid));
}

/* ---- Reset básico, fundo do site com manchas coloridas e fontes padrão. ---- */
*{box-sizing:border-box;}
body{
  margin:0;font-family:'Nunito',sans-serif;color:var(--ink);
  background-color:var(--sky);
  background-image:
    radial-gradient(650px circle at 88% 6%, rgba(217,227,107,0.38), transparent 60%),
    radial-gradient(750px circle at 6% 28%, rgba(79,180,119,0.20), transparent 55%),
    radial-gradient(950px circle at 55% 95%, rgba(30,156,140,0.14), transparent 60%);
  background-attachment:fixed;
}
h1,h2,h3,.display{font-family:'Baloo 2',sans-serif;}
.mono{font-family:'Nunito',sans-serif;font-weight:800;letter-spacing:.04em;}
a{color:inherit;}
button{font-family:'Nunito',sans-serif;cursor:pointer;}