:root{
  /* Core colors */
  --clx-color-bg-body:#010709 !important;
  --clx-color-bg-elevated:#020c10;
  --clx-color-bg-soft:#020617;

  --clx-color-brand:#22c55e;
  --clx-color-brand-strong:#16a34a;
  --clx-color-brand-alt:#229a4b;
  --clx-color-brand-neon:#4ade80;

  --clx-color-text-main:#e5e7eb !important;
  --clx-color-text-muted:#9ca3af;
  --clx-color-text-soft:#6b7280;

  --clx-color-border-subtle:rgba(148,163,184,.45);
  --clx-color-border-strong:rgba(34,197,94,.70);

  /* Typography */
  --clx-font-base:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  --clx-font-title:Rubik, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --clx-font-subtitle:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --clx-text-weight:400;
  --clx-title-weight:600;
  --clx-subtitle-weight:500;

  --clx-title-size-desktop:28px;
  --clx-title-size-tablet:24px;
  --clx-title-size-mobile:20px;

  --clx-subtitle-size-desktop:16px;
  --clx-subtitle-size-tablet:15px;
  --clx-subtitle-size-mobile:15px;

  --clx-title-line-height:1.3;
  --clx-subtitle-line-height:1.35;
  --clx-title-letter-spacing:.02em;

  --clx-title-color:#27f08a;
  --clx-subtitle-color:#ffffff;
  --clx-title-shadow:0 0 12px rgba(39,240,138,.18);

  /* Shapes / effects */
  --clx-radius-md:14px;
  --clx-radius-lg:18px;
  --clx-radius-xl:24px;
  --clx-radius-pill:999px;

  --clx-shadow-soft:0 10px 30px rgba(0,0,0,.28);
  --clx-shadow-neon:0 0 20px rgba(74,222,128,.18);

  --clx-transition-base:220ms ease;

  /* Buttons */
  --clx-btn-font-size:.9rem;
  --clx-btn-min-h:44px;
  --clx-btn-pad-y:.7rem;
  --clx-btn-pad-x:1.8rem;
  --clx-btn-letter-spacing:.12em;

  --clx-btn-compact-font-size:.68rem;
  --clx-btn-compact-min-h:34px;
  --clx-btn-compact-pad-y:.40rem;
  --clx-btn-compact-pad-x:.60rem;
  --clx-btn-compact-letter-spacing:.06em;
}

/* Especificidade reforçada: html body vence o seletor body do Hello Elementor */
html body,
html body.elementor-default,
html body.elementor-template-full-width {
  font-family: var(--clx-font-base) !important;
  background-color: var(--clx-color-bg-body) !important;
  color: var(--clx-color-text-main) !important;
}

/* -------------------------------------------------------------
   Ocultacao Global de Barras de Rolagem Nativas (Mantendo Scroll)
   ------------------------------------------------------------- */

/* Chrome, Safari, Edge, Opera */
::-webkit-scrollbar,
html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Firefox */
html, body, * {
  scrollbar-width: none !important;
}

/* IE / Edge Legado */
html, body, * {
  -ms-overflow-style: none !important;
}

/* -------------------------------------------------------------
   Definitive Search Bar Input Font Color Fix
   ------------------------------------------------------------- */
.clx-search input[type="search"] {
  color: #0b0f19 !important;
  background-color: #ffffff !important;
}