/* ════════════════════════════════════════════════════════════
   THEME LIGHT — Versão branca compartilhada (WCAG AA)
   Carregada em todas as páginas via <link rel="stylesheet" href="/theme-light.css">
   ════════════════════════════════════════════════════════════ */

:root[data-theme="light"]{
  --bg:#FFFFFF;
  --bg-2:#F4F4F6;
  --bg-card:#FFFFFF;
  --bg-elev:#F8F8FA;
  --line:rgba(10,10,14,.10);
  --line-2:rgba(10,10,14,.22);
  --ink:#0A0A14;
  --ink-soft:#3F3F46;
  --ink-faint:#6B6B75;
  --cyan:#0891B2;
  --purple:#7C3AED;
  --red:#DC2626;
  --gold:#B45309;
  --green:#059669;
}

/* Body + smooth transition global */
:root[data-theme="light"] body{ background:var(--bg); color:var(--ink); }
html, html *{ transition: background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease; }

/* Gradient destaque mantém vibração */
:root[data-theme="light"] .grad,
:root[data-theme="light"] h1 .grad,
:root[data-theme="light"] h2 .grad{
  background:linear-gradient(90deg, var(--cyan), var(--purple)) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}

/* Chip */
:root[data-theme="light"] .chip{ background:#F4F4F6; border:1px solid var(--line-2); color:var(--ink-soft); }

/* Navegação */
:root[data-theme="light"] .nav{ background:rgba(255,255,255,.92) !important; backdrop-filter:blur(18px); border-bottom:1px solid var(--line); }
:root[data-theme="light"] .nav__logo{ color:var(--ink); }
:root[data-theme="light"] .nav__links a{ color:var(--ink-soft); }
:root[data-theme="light"] .nav__links a:hover{ color:var(--cyan); }

/* Botões padrão DV */
:root[data-theme="light"] .btn--primary{ background:var(--red) !important; color:#fff !important; box-shadow:0 6px 20px rgba(220,38,38,.25); }
:root[data-theme="light"] .btn--primary:hover{ background:#B91C1C !important; }
:root[data-theme="light"] .btn--ghost{ background:#F4F4F6; color:var(--ink); border:1px solid var(--line-2); }
:root[data-theme="light"] .btn--ghost:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
:root[data-theme="light"] .btn--ai{ background:var(--cyan) !important; color:#fff !important; box-shadow:0 6px 20px rgba(8,145,178,.25); }

/* Cards universais */
:root[data-theme="light"] .pod-card,
:root[data-theme="light"] .ai-tool,
:root[data-theme="light"] .stat-tile,
:root[data-theme="light"] .time-card,
:root[data-theme="light"] .card,
:root[data-theme="light"] .hero-card,
:root[data-theme="light"] .hero__card,
:root[data-theme="light"] .destaque-card,
:root[data-theme="light"] .esa-card,
:root[data-theme="light"] .palestra-card,
:root[data-theme="light"] .podstart-auth-card,
:root[data-theme="light"] .save-date-card,
:root[data-theme="light"] .faq-item,
:root[data-theme="light"] .sede-card,
:root[data-theme="light"] .intel-card,
:root[data-theme="light"] .area,
:root[data-theme="light"] .price-card,
:root[data-theme="light"] .opt,
:root[data-theme="light"] .ct,
:root[data-theme="light"] .feat__article,
:root[data-theme="light"] .feat__pod{
  background:#FFFFFF !important; border-color:var(--line) !important;
  box-shadow:0 1px 2px rgba(10,10,14,.04), 0 8px 24px -10px rgba(10,10,14,.10) !important;
}
:root[data-theme="light"] .pod-card:hover,
:root[data-theme="light"] .ai-tool:hover,
:root[data-theme="light"] .destaque-card:hover,
:root[data-theme="light"] .esa-card:hover,
:root[data-theme="light"] .palestra-card:hover,
:root[data-theme="light"] .podstart-auth-card:hover,
:root[data-theme="light"] .area:hover{
  box-shadow:0 4px 8px rgba(10,10,14,.06), 0 20px 40px -10px rgba(10,10,14,.20) !important;
}

/* Stats dashboard */
:root[data-theme="light"] .stats-dashboard{ background:#F4F4F6 !important; }
:root[data-theme="light"] .stat-tile__value{ color:var(--ink); }
:root[data-theme="light"] .stat-tile__label,
:root[data-theme="light"] .stat-tile__note{ color:var(--ink-faint); }
:root[data-theme="light"] .stat-tile__bar{ background:rgba(10,10,14,.08); }

/* Topbar (índice de ferramentas) */
:root[data-theme="light"] .topbar{ background:#F4F4F6 !important; border-bottom-color:var(--line) !important; }
:root[data-theme="light"] .topbar__brand{ color:var(--ink-faint); }
:root[data-theme="light"] .tb-link{ color:var(--ink-soft); }
:root[data-theme="light"] .tb-link:hover{ color:var(--cyan); background:rgba(8,145,178,.08); }
:root[data-theme="light"] .tb-link--hot{ color:var(--ink); font-weight:600; }
:root[data-theme="light"] .topbar__sep{ background:var(--line-2); }

/* Mobile drawer */
:root[data-theme="light"] .mobile-drawer__panel{ background:#FFFFFF !important; }
:root[data-theme="light"] .mobile-drawer a{ color:var(--ink); }
:root[data-theme="light"] .mobile-drawer__group-label{ color:var(--ink-faint); }

/* Footer */
:root[data-theme="light"] .foot,
:root[data-theme="light"] footer{ background:#F4F4F6 !important; border-top:1px solid var(--line); color:var(--ink-soft); }
:root[data-theme="light"] .foot h4{ color:var(--ink); }
:root[data-theme="light"] .foot a,
:root[data-theme="light"] footer a{ color:var(--ink-soft); }
:root[data-theme="light"] .foot a:hover,
:root[data-theme="light"] footer a:hover{ color:var(--cyan); }
:root[data-theme="light"] .foot__bot{ border-top:1px solid var(--line); color:var(--ink-faint); }

/* Hero gradient overlay */
:root[data-theme="light"] .hero::before,
:root[data-theme="light"] .hero__glow{
  background:radial-gradient(ellipse at center, rgba(8,145,178,.10) 0%, rgba(124,58,237,.06) 35%, transparent 70%) !important;
}
:root[data-theme="light"] .neural-bg{ opacity:.18 !important; }
:root[data-theme="light"] .neural-bg circle{ fill:var(--cyan) !important; }
:root[data-theme="light"] .neural-bg line{ stroke:var(--purple) !important; }

/* FAQ */
:root[data-theme="light"] .faq-item summary{ color:var(--ink); }
:root[data-theme="light"] .faq-item p{ color:var(--ink-soft); }
:root[data-theme="light"] .faq-item p strong{ color:var(--ink); }
:root[data-theme="light"] .faq-item summary::before{ color:var(--cyan); }
:root[data-theme="light"] .faq-q{ color:var(--ink); }
:root[data-theme="light"] .faq-a{ color:var(--ink-soft); }

/* Forms / inputs */
:root[data-theme="light"] input,
:root[data-theme="light"] textarea,
:root[data-theme="light"] select{
  background:#FFFFFF; color:var(--ink); border-color:var(--line-2);
}
:root[data-theme="light"] input:focus,
:root[data-theme="light"] textarea:focus,
:root[data-theme="light"] select:focus{
  border-color:var(--cyan); box-shadow:0 0 0 3px rgba(8,145,178,.15);
}
:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder{ color:var(--ink-faint); }

/* Toggle button */
:root[data-theme="light"] #themeToggle{ background:#FFFFFF !important; color:var(--ink) !important; border-color:var(--line-2) !important; }

/* Selection */
:root[data-theme="light"] ::selection{ background:var(--ink); color:#FFFFFF; }

/* Imagens */
:root[data-theme="light"] img{ background:transparent; }

/* Texto answer-first */
:root[data-theme="light"] section[aria-label="Resumo do escritório"]{ background:linear-gradient(180deg, #FFFFFF 0%, #F4F4F6 100%) !important; }
:root[data-theme="light"] section[aria-label="Resumo do escritório"] p{ color:var(--ink); }
:root[data-theme="light"] section[aria-label="Resumo do escritório"] strong{ color:var(--ink); }

/* Authority ticker */
:root[data-theme="light"] .authority-strip{ background:linear-gradient(180deg, #F4F4F6 0%, #FFFFFF 100%) !important; border-top-color:var(--line); border-bottom-color:var(--line); }
:root[data-theme="light"] .authority-item__icon{ background:#FFFFFF; border:1px solid var(--line); }

/* Mensagens chat — bubble WhatsApp style */
:root[data-theme="light"] .bubble{ background:#FFFFFF; border:1px solid var(--line); color:var(--ink); }
:root[data-theme="light"] .msg.bot .bubble{ background:var(--bg-2); border-color:var(--line); }
:root[data-theme="light"] .msg.bot .bubble::after{ border-color:transparent var(--bg-2) transparent transparent; }
:root[data-theme="light"] .msg.user .bubble{ background:#DCF8C6; color:#0A0A14; border:1px solid #C5E1A5; }
:root[data-theme="light"] .msg.user .bubble::after{ border-color:transparent transparent transparent #DCF8C6; }

/* Banners coloridos auto-suficientes (ESA azul, Save-the-date verde) — não mexer */