@import url("../styles/header.css");
@import url("../styles/main.css");
@import url("../styles/faq.css");
@import url("../styles/contato.css");
@import url("../styles/rodape.css");

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');



:root {
    /* ===== Tema Dark (padrão) ===== */
      --bg-color: #0a0f14;
      --text-color: #f1f5f9;  /* levemente off-white para não cansar */
      --surface-color: #111827;
      --primary-color: #5CDFF2;
      --accent-color: #FF1010;
      --border-color: rgba(255,255,255,0.08);
      --bg-sobre: linear-gradient(180deg, #111827 0%, #0a0f14 100%);
      --bg-contato: #111827;
      --btn-text: #0a0f14;


    /* ===== Gradientes ===== */
    --verde-degrade: linear-gradient(90deg, #DBDAAE 0%, #B2C0A8 100%);

    /* ===== Tipografia ===== */
    --fonte-principal: "Outfit", sans-serif;
    --fonte-sans: "Merriweather Sans", sans-serif;
}

html.light {
    --bg-color: #ffffff;
    --text-color: #000000;
    --surface-color: #f5f5f5;
    --primary-color: #0077ff;
    --accent-color: #ff3b3b;
    --border-color: rgba(0,0,0,0.08);
    --bg-sobre: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    --bg-contato: #f8fafc;
    --btn-text: #0f172a;
    
    

}


body {
    margin: 0;
    padding: 0;
    background-color: var(--bg-color);
    color: var(--text-color);
    font-family: var(--fonte-principal);
    transition: background-color 0.3s ease, color 0.3s ease;
}





@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
  from {
    opacity: 0;
    transform: translateY(20px);
  }
}


@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}