/* ==========================================================================
   Tema claro (opcional; o escuro é o padrão). Só as partes de fundo escuro mudam:
   barra de navegação, topo da landing com o cartão do Raio-X, faixa AWS, cartão
   do Dia 7, seção de tecnologia e rodapé. As seções claras ficam como estão.
   ========================================================================== */
html[data-theme="light"] {
  color-scheme: light;
}

/* Navegação */
html[data-theme="light"] .b2g-nav {
  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: rgba(16, 15, 12, 0.08);
  box-shadow: 0 6px 24px -18px rgba(40, 20, 90, 0.35);
}

html[data-theme="light"] .b2g-brand img,
html[data-theme="light"] .b2g-footer-logo {
  mix-blend-mode: normal;
  filter: drop-shadow(rgba(130, 30, 220, 0.22) 0px 0px 6px);
}

html[data-theme="light"] .b2g-brand-text,
html[data-theme="light"] .b2g-footer-name {
  color: #100F0C;
}

html[data-theme="light"] .b2g-nav-links a {
  color: rgba(16, 15, 12, 0.64);
}

html[data-theme="light"] .b2g-nav-links a:hover {
  color: #5A0FD4;
}

html[data-theme="light"] .b2g-lang-switcher {
  background: rgba(16, 15, 12, 0.04);
  border-color: rgba(16, 15, 12, 0.12);
}

html[data-theme="light"] .b2g-lang-switcher.mini {
  background: transparent;
  border: none;
}

html[data-theme="light"] .b2g-lang-link {
  color: rgba(16, 15, 12, 0.55);
}

html[data-theme="light"] .b2g-lang-link:hover {
  color: #100F0C;
}

html[data-theme="light"] .b2g-lang-link.active {
  color: #4A0DB0;
  background: rgba(139, 31, 232, 0.12);
}

html[data-theme="light"] .b2g-lang-switcher.mini .b2g-lang-link.active {
  background: transparent;
  color: #4A0DB0;
}

html[data-theme="light"] .b2g-lang-divider {
  color: rgba(16, 15, 12, 0.28);
}

html[data-theme="light"] .b2g-theme-toggle {
  border-color: rgba(16, 15, 12, 0.14);
  background: #FFFFFF;
  color: #3B2A63;
}

html[data-theme="light"] .b2g-theme-toggle:hover {
  color: #5A0FD4;
  border-color: rgba(139, 31, 232, 0.45);
  background: #F5EFFF;
}

html[data-theme="light"] .b2g-theme-toggle .b2g-icon-sun {
  display: none;
}

html[data-theme="light"] .b2g-theme-toggle .b2g-icon-moon {
  display: block;
}

/* Botão de contorno usado sobre fundo escuro (topo e tecnologia) */
html[data-theme="light"] .b2g-hero .b2g-btn-outline-light,
html[data-theme="light"] #tecnologia .b2g-btn-outline-light {
  color: rgba(16, 15, 12, 0.8);
  border-color: rgba(16, 15, 12, 0.24);
}

html[data-theme="light"] .b2g-hero .b2g-btn-outline-light:hover,
html[data-theme="light"] #tecnologia .b2g-btn-outline-light:hover {
  color: #5A0FD4;
  border-color: #8B1FE8;
  background: rgba(90, 15, 212, 0.04);
}

/* Topo da landing */
html[data-theme="light"] .b2g-hero {
  background:
    radial-gradient(900px 520px at 85% 12%, rgba(139, 31, 232, 0.1), transparent 62%),
    radial-gradient(760px 480px at 8% 92%, rgba(240, 96, 32, 0.07), transparent 60%),
    #FBFAFF;
}

html[data-theme="light"] .b2g-hero .b2g-eyebrow-text,
html[data-theme="light"] #tecnologia .b2g-eyebrow-text {
  color: rgba(16, 15, 12, 0.55);
}

html[data-theme="light"] .b2g-hero-title {
  color: #100F0C;
}

html[data-theme="light"] .b2g-hero-subtitle {
  color: rgba(16, 15, 12, 0.72);
}

html[data-theme="light"] .b2g-anchor-pill {
  color: #3B1A7A;
  background: rgba(90, 15, 212, 0.07);
  border-color: rgba(139, 31, 232, 0.26);
}

/* Cartão do Raio-X na landing */
html[data-theme="light"] .b2g-hero .raiox-card {
  background: #FFFFFF;
  border-color: rgba(139, 31, 232, 0.24);
  box-shadow: 0 28px 64px -28px rgba(60, 20, 120, 0.32), 0 0 0 6px rgba(139, 31, 232, 0.04);
  color: #100F0C;
}

html[data-theme="light"] .b2g-hero .raiox-badge {
  color: #4A0DB0;
  background: rgba(90, 15, 212, 0.08);
  border-color: rgba(139, 31, 232, 0.3);
}

html[data-theme="light"] .b2g-hero .raiox-time-hint {
  color: rgba(16, 15, 12, 0.56);
}

html[data-theme="light"] .b2g-hero .raiox-progress-bar {
  background: rgba(16, 15, 12, 0.08);
}

html[data-theme="light"] .b2g-hero .raiox-q-title {
  color: #100F0C;
}

html[data-theme="light"] .b2g-hero .raiox-q-text {
  color: rgba(16, 15, 12, 0.74);
}

html[data-theme="light"] .b2g-hero .raiox-textarea {
  background: #FCFBFF;
  border-color: rgba(16, 15, 12, 0.16);
  color: #100F0C;
}

html[data-theme="light"] .b2g-hero .raiox-textarea::placeholder {
  color: rgba(16, 15, 12, 0.45);
}

html[data-theme="light"] .b2g-hero .raiox-textarea:focus {
  background: #FFFFFF;
  border-color: #8B1FE8;
  box-shadow: 0 0 0 4px rgba(139, 31, 232, 0.12);
}

html[data-theme="light"] .b2g-hero .raiox-textarea-wrap.is-recording .raiox-textarea {
  border-color: #E83040;
  background: #FFF6F7;
}

html[data-theme="light"] .b2g-hero .raiox-mic-btn {
  color: #5A0FD4;
  background: rgba(90, 15, 212, 0.06);
  border-color: rgba(90, 15, 212, 0.24);
}

html[data-theme="light"] .b2g-hero .raiox-mic-btn:hover {
  color: #3B0A9E;
  background: rgba(139, 31, 232, 0.14);
  border-color: #8B1FE8;
}

html[data-theme="light"] .b2g-hero .raiox-mic-btn.is-listening {
  color: #FFFFFF;
  background: #E83040;
  border-color: #E83040;
}

html[data-theme="light"] .b2g-hero .raiox-mic-status {
  background: rgba(255, 255, 255, 0.96);
  color: #B4232F;
  box-shadow: 0 1px 4px rgba(16, 15, 12, 0.12);
}

html[data-theme="light"] .b2g-hero .raiox-quick-label {
  color: rgba(16, 15, 12, 0.52);
}

html[data-theme="light"] .b2g-hero .raiox-pill-btn {
  color: #3B2A63;
  background: #F7F3FF;
  border-color: rgba(90, 15, 212, 0.18);
}

html[data-theme="light"] .b2g-hero .raiox-pill-btn:hover {
  color: #4A0DB0;
  background: #EFE6FF;
  border-color: #8B1FE8;
}

html[data-theme="light"] .b2g-hero .raiox-note {
  color: #5B4E70;
}

html[data-theme="light"] .b2g-hero .raiox-foot {
  color: rgba(16, 15, 12, 0.56);
}

/* Faixa AWS */
html[data-theme="light"] .b2g-aws-bar {
  background: #F1EEF8;
  border-bottom-color: rgba(16, 15, 12, 0.07);
}

html[data-theme="light"] .b2g-aws-label {
  color: rgba(16, 15, 12, 0.52);
}

html[data-theme="light"] .b2g-aws-badge span {
  color: #A85400;
}

html[data-theme="light"] .b2g-aws-tech {
  color: rgba(16, 15, 12, 0.62);
}

/* Cartão do Dia 7 */
html[data-theme="light"] .b2g-grid-card-dark {
  background: linear-gradient(135deg, #F3EDFF 0%, #FFF1EA 100%);
  border-color: rgba(139, 31, 232, 0.22);
  color: #100F0C;
}

html[data-theme="light"] .b2g-grid-card-dark .b2g-day-tag {
  color: #C2410C;
}

html[data-theme="light"] .b2g-grid-card-dark .b2g-day-title {
  color: #100F0C;
}

html[data-theme="light"] .b2g-grid-card-dark .b2g-day-desc {
  color: rgba(16, 15, 12, 0.72);
}

/* Seção de tecnologia */
html[data-theme="light"] #tecnologia {
  background: #F6F3FC;
  color: #100F0C;
}

html[data-theme="light"] .b2g-dark-title {
  color: #100F0C;
}

html[data-theme="light"] .b2g-dark-text {
  color: rgba(16, 15, 12, 0.7);
}

html[data-theme="light"] .b2g-dark-box {
  background: #FFFFFF;
  border-color: rgba(16, 15, 12, 0.08);
  box-shadow: 0 18px 40px -28px rgba(40, 20, 90, 0.3);
}

html[data-theme="light"] .b2g-dark-box-title {
  color: rgba(16, 15, 12, 0.52);
}

html[data-theme="light"] .b2g-dark-box-item {
  background: #F8F6FD;
  color: #100F0C;
}

/* Rodapé */
html[data-theme="light"] .b2g-footer {
  background: #F4F2FB;
  border-top-color: rgba(16, 15, 12, 0.08);
  color: #100F0C;
}

html[data-theme="light"] .b2g-footer-slogan {
  color: rgba(16, 15, 12, 0.55);
}

html[data-theme="light"] .b2g-footer-links,
html[data-theme="light"] .b2g-footer-legal {
  color: rgba(16, 15, 12, 0.58);
}

html[data-theme="light"] .b2g-footer-legal {
  border-top-color: rgba(16, 15, 12, 0.08);
}

html[data-theme="light"] .b2g-footer-link {
  color: rgba(16, 15, 12, 0.72);
}

html[data-theme="light"] .b2g-footer-link:hover {
  color: #5A0FD4;
}

/* Cartão das Empresas Fundadoras */
html[data-theme="light"] .b2g-founder-card {
  background: linear-gradient(160deg, #FFFFFF 0%, #F5EFFF 100%);
  color: #100F0C;
  border-color: rgba(139, 31, 232, 0.35);
  box-shadow: 0 28px 60px -30px rgba(60, 20, 120, 0.35);
}

html[data-theme="light"] .b2g-founder-card .raiox-badge {
  color: #4A0DB0;
  background: rgba(90, 15, 212, 0.08);
  border-color: rgba(139, 31, 232, 0.3);
}

html[data-theme="light"] .b2g-founder-desc {
  color: rgba(16, 15, 12, 0.72);
}

html[data-theme="light"] .b2g-founder-note {
  color: rgba(16, 15, 12, 0.55);
}

/* Demonstração dos mockups da v1 (/raio-x/mockup/...): só o fundo e os textos ao redor.
   O mockup (.mk-preview) fica igual nos dois temas. */
html[data-theme="light"] .mk-demo {
  background:
    radial-gradient(ellipse at 85% 0%, rgba(139, 31, 232, 0.12) 0, transparent 46%),
    radial-gradient(ellipse at 5% 100%, rgba(240, 96, 32, 0.06) 0, transparent 42%),
    #FBFAFF;
  color: #100F0C;
}

html[data-theme="light"] .mk-back {
  color: #5B4E70;
}

html[data-theme="light"] .mk-back:hover {
  color: #5A0FD4;
}

html[data-theme="light"] .mk-demo-heading .mk-eyebrow {
  color: #6B3FA0;
}

html[data-theme="light"] .mk-demo-heading .mk-eyebrow > span {
  color: #C2410C;
}

html[data-theme="light"] .mk-demo-heading h1 {
  color: #100F0C;
}

html[data-theme="light"] .mk-demo-heading h1 em {
  color: #6A31B5;
}

html[data-theme="light"] .mk-demo-heading > p {
  color: rgba(16, 15, 12, 0.7);
}

html[data-theme="light"] .mk-scenarios-label {
  color: rgba(16, 15, 12, 0.58);
}

html[data-theme="light"] .mk-scenarios a {
  color: #3B2A63;
  background: #FFFFFF;
  border-color: rgba(90, 15, 212, 0.18);
}

html[data-theme="light"] .mk-scenarios a:hover {
  background: #F5EFFF;
  border-color: #8B1FE8;
}

html[data-theme="light"] .mk-scenarios a[aria-current] {
  background: #E9DAFA;
  color: #351357;
  border-color: #C9A8F0;
}

html[data-theme="light"] .mk-demo-note {
  color: rgba(16, 15, 12, 0.62);
}

html[data-theme="light"] .mk-demo .mk-preview {
  box-shadow: 0 28px 70px -30px rgba(60, 20, 120, 0.35);
}

/* Vídeo "Pra quê preciso da Brave2Grow?": a faixa da home fica clara; o player continua escuro */
html[data-theme="light"] .b2g-vsec {
  background:
    radial-gradient(760px 480px at 88% 20%, rgba(139, 31, 232, 0.1), transparent 62%),
    #FBFAFF;
  color: #100F0C;
}

html[data-theme="light"] .b2g-vsec::before {
  display: none;
}

html[data-theme="light"] .b2g-vsec .b2g-section-title {
  color: #100F0C;
}

html[data-theme="light"] .b2g-vsec .b2g-eyebrow-text {
  color: rgba(16, 15, 12, 0.55);
}

html[data-theme="light"] .b2g-vsec-desc {
  color: rgba(16, 15, 12, 0.68);
}

html[data-theme="light"] .b2g-vsec .b2g-video {
  --v-ink: #100F0C;
  --v-muted: rgba(16, 15, 12, 0.45);
  --v-line: rgba(16, 15, 12, 0.1);
  --v-chip: #FFFFFF;
  --v-accent: #5A0FD4;
}

html[data-theme="light"] .b2g-vsec .b2g-video-chapters [aria-current="true"] {
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, var(--brand-gradient) border-box;
}

html[data-theme="light"] .b2g-hero .b2g-video-jump {
  color: #100F0C;
}