/* ==========================================================================
   HyperCash — Design Tokens — TEMA CLARO
   Versão light: fundo branco/off-white esverdeado + verde forte da marca.
   ========================================================================== */
:root {
  --hy-bg:         #e8f0e5;            /* off-white esverdeado — fundo de seção */
  --hy-surface:    #ffffff;            /* cards brancos (com sombra) */
  --hy-surface-2:  #eef3ec;            /* internos: opções do quiz, inputs */
  --hy-border:     #d3ddcd;

  --hy-green:      #0a7a30;            /* verde forte — CTA, acento, legível sobre branco */
  --hy-green-ink:  #ffffff;            /* texto/ícone sobre o verde */
  --hy-green-soft: rgba(10,122,48,.10); /* realce sutil / estado selecionado */

  --hy-text:       #0a0d0a;            /* texto principal (quase preto) */
  --hy-text-muted: #3f463c;            /* secundário legível (cinza médio) */

  --hy-alert:      #b3600d;            /* âmbar escuro — números de PERDA (legível em branco) */
}

/* base — fundo claro contínuo + gradiente verde sutil subindo do rodapé */
html, body { background-color: var(--hy-bg); }
body {
  background-image: radial-gradient(120% 50% at 50% 108%, rgba(10,122,48,.16), transparent 60%);
  background-attachment: fixed;
}

/* faixa verde do Elementor (gatilho ICP): texto branco legível sobre o verde */
.elementor-element-5fd01d5 h1, .elementor-element-5fd01d5 h2,
.elementor-element-5fd01d5 h3, .elementor-element-5fd01d5 h4,
.elementor-element-5fd01d5 p, .elementor-element-5fd01d5 span,
.elementor-element-5fd01d5 .elementor-heading-title { color: #ffffff !important; }
.elementor-element-5fd01d5 b, .elementor-element-5fd01d5 strong,
.elementor-element-5fd01d5 em { color: #ffffff !important; font-weight: 700; font-style: normal; }

/* números de PERDA (seção "quanto sua empresa perde") em âmbar */
.elementor-element-ef732b9 .elementor-icon-box-title,
.elementor-element-7ef40bb .elementor-icon-box-title,
.elementor-element-fad5da7 .elementor-icon-box-title { color: var(--hy-alert) !important; }

/* FAQ accordion — cor de título vinha de variável Elementor (branca); força escuro */
.e-n-accordion-item-title-text { color: var(--hy-text) !important; }
.e-n-accordion-item-title-icon svg,
.e-n-accordion-item-title-icon path { fill: var(--hy-green) !important; stroke: var(--hy-green) !important; }

/* moldura externa do quiz (frame) — escura, como o formulário */
.elementor-element-b7d30aa { background-color: #070807 !important; }

/* Passos 1 e 2 da seção "Migre" — cards escuros, iguais ao formulário */
.elementor-element-64f9827, .elementor-element-b1665a7 {
  background-color: #0e0f0c !important; border-radius: 18px !important;
}
.elementor-element-64f9827 .elementor-icon-box-title,
.elementor-element-64f9827 .elementor-icon-box-title span,
.elementor-element-b1665a7 .elementor-icon-box-title,
.elementor-element-b1665a7 .elementor-icon-box-title span { color: #f4f6f2 !important; }
.elementor-element-64f9827 .elementor-icon-box-description,
.elementor-element-b1665a7 .elementor-icon-box-description { color: #d4d9ce !important; }

/* HERO claro — sem a foto escura do dashboard; texto escuro + verde da marca */
.elementor-element-1e7ddca { background-image: none !important; background-color: transparent !important; position: relative; }
.elementor-element-1e7ddca .elementor-image-box-title { color: var(--hy-text) !important; }
.elementor-element-1e7ddca .elementor-image-box-title i { color: var(--hy-green) !important; }
.elementor-element-1e7ddca .elementor-image-box-description { color: var(--hy-text-muted) !important; }
.elementor-element-1e7ddca .elementor-image-box-description b { color: var(--hy-text) !important; }