/* =====================================================================
   UHOST — TEMA CLARO (opt-in). O dark segue sendo o padrão da marca.
   Ativa com html[data-tema="claro"] (botão no header + localStorage).
   Dourado escurecido (#E3A81C) p/ manter contraste AA sobre fundo claro.
   ===================================================================== */

html[data-tema="claro"]{
  --uh-bg:#F5F6F8;
  --uh-surface:#FFFFFF;
  --uh-surface-2:#EDEFF3;
  --uh-border:#E2E4EA;
  --uh-border-strong:#C7CAD3;
  --uh-divider:#E5E7EB;

  --uh-white:#15161A;
  --uh-text:#494A54;
  --uh-text-dim:#82838E;

  --uh-gold:#E3A81C;
  --uh-gold-hover:#C99312;
  --uh-on-gold:#1A1503;

  --surface-page:var(--uh-bg);
  --surface-card:var(--uh-surface);
  --surface-card-alt:var(--uh-surface-2);
  --border-card:var(--uh-border);
  --border-emphasis:var(--uh-border-strong);
  --divider:var(--uh-divider);
  --text-title:#15161A;
  --text-body:var(--uh-text);
  --text-muted:var(--uh-text-dim);
  --text-accent:var(--uh-gold);
  --cta-primary-bg:#FAC643;          /* botão dourado original segura bem no claro */
  --cta-primary-bg-hover:#F0B71F;
  --cta-primary-fg:#1A1503;
  --cta-ghost-border:#15161A;
  --cta-ghost-border-hover:var(--uh-gold);
  --focus-ring:var(--uh-gold);
  --link:var(--uh-gold);
  --link-hover:var(--uh-gold-hover);

  --shadow-card:0 8px 24px rgba(22,24,32,.07);
  --shadow-lift:0 18px 44px rgba(22,24,32,.13);
  --glow-gold:0 0 0 1px rgba(201,147,18,.35), 0 8px 32px rgba(201,147,18,.14);
}

/* header/vidro e bordas suaves que eram rgba branco */
html[data-tema="claro"] .uh-hd{ background:rgba(255,255,255,.88); border-bottom-color:var(--uh-border); }
html[data-tema="claro"] .uh-topbar{ border-bottom-color:var(--uh-divider); }
html[data-tema="claro"] .uh-mega__footwrap,
html[data-tema="claro"] .uh-mega__side{ border-color:var(--uh-divider); }
html[data-tema="claro"] .uh-mnav{ background:var(--uh-bg); }
html[data-tema="claro"] .uh-mnav a{ border-bottom-color:var(--uh-divider); }
html[data-tema="claro"] .uh-burger{ border-color:var(--uh-border); }
html[data-tema="claro"] .uh-burger i,
html[data-tema="claro"] .uh-burger i::before,
html[data-tema="claro"] .uh-burger i::after{ background:#15161A; }
html[data-tema="claro"] .uh-ft__bar,
html[data-tema="claro"] .uh-plan__linhas,
html[data-tema="claro"] .uh-nums,
html[data-tema="claro"] .uh-stats{ border-color:var(--uh-divider); }

/* estados apagados */
html[data-tema="claro"] .uh-plan__linhas .off{ color:#A9AAB4; }
html[data-tema="claro"] .uh-plan__linhas .off .uh-plan__lico{ color:#C2C3CC; }
html[data-tema="claro"] .uh-tab .nao{ color:#B4B5BE; }

/* hero: esferas mais discretas, sombra do full-bleed some */
html[data-tema="claro"] .uh-orb--a{ background:radial-gradient(circle, rgba(227,168,28,.12), transparent 65%); }
html[data-tema="claro"] .uh-orb--b{ opacity:.4; }
html[data-tema="claro"] .uh-wide::after{ box-shadow:inset 0 -30px 40px -34px rgba(22,24,32,.25), inset 0 30px 40px -34px rgba(22,24,32,.25); }

/* showcase sangrado: máscara funde com o fundo claro naturalmente (mesma técnica) */
html[data-tema="claro"] .uh-show__media::before{ background:radial-gradient(closest-side, rgba(227,168,28,.10), transparent 72%); }
html[data-tema="claro"] .uh-hero__mock::before{ background:radial-gradient(closest-side, rgba(227,168,28,.12), transparent 72%); }

/* lightbox continua escuro (foto amplia melhor no escuro) — mantém */

/* logos: no claro entra o wordmark escuro */
html[data-tema="claro"] .uh-logo--dark{ display:none; }
html[data-tema="claro"] .uh-logo--claro{ display:block; }

/* botão de tema: mostra sol no claro, lua no escuro */
html[data-tema="claro"] .uh-temabtn__lua{ display:none; }
html[data-tema="claro"] .uh-temabtn__sol{ display:block; }