/* Tema claro: uma interface própria, com superfícies claras e contraste alto. */
html[data-color-mode="light"] {
  color-scheme: light;
  --bg: #f3f7f1;
  --surface: #ffffff;
  --surface-2: #f7fbf6;
  --surface-3: #e8f3e9;
  --ink: #13251a;
  --white: #13251a !important;
  --panel: #ffffff !important;
  --panel-2: #f7fbf6 !important;
  --light-strong: #166b30;
  --green: color-mix(in srgb, var(--brand-primary, #21994a) 72%, #073d18) !important;
  --green-soft: color-mix(in srgb, var(--brand-accent, #216c37) 68%, #123d20) !important;
  --muted: #58705e;
  --line: rgba(25, 79, 37, .16);
  --accent: #21994a;
  --accent-soft: #196d34;
  --shadow: 0 22px 58px rgba(27, 78, 37, .12);
}
html[data-color-mode="light"] body,
html[data-color-mode="light"] .organic-page {
  color: var(--ink) !important;
  background: radial-gradient(circle at 12% 0%, rgba(103, 202, 112, .20), transparent 30%), linear-gradient(180deg, #f8fbf7 0%, #edf4ed 100%) !important;
}
html[data-color-mode="light"] { background: #f3f7f1 !important; }
html[data-color-mode="light"] body.organic-page:before {
  opacity: .24;
  filter: blur(11px) saturate(.72) brightness(.98) !important;
}
html[data-color-mode="light"] .organic-header,
html[data-color-mode="light"] .catalog-topbar {
  border-color: rgba(24, 79, 37, .16) !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 12px 35px rgba(30, 75, 38, .10) !important;
}
html[data-color-mode="light"] .brand { color: #17331f !important; }
html[data-color-mode="light"] .organic-header nav>a,
html[data-color-mode="light"] .organic-header nav .account-nav,
html[data-color-mode="light"] .organic-header nav .community-nav,
html[data-color-mode="light"] .catalog-topbar nav a,
html[data-color-mode="light"] .catalog-topbar>.text-button {
  color: #45624b !important;
  border-color: rgba(27, 93, 43, .16) !important;
  background: rgba(244, 250, 244, .68) !important;
}
html[data-color-mode="light"] .organic-header nav>a:hover,
html[data-color-mode="light"] .organic-header nav .account-nav:hover,
html[data-color-mode="light"] .organic-header nav .community-nav:hover,
html[data-color-mode="light"] .catalog-topbar nav a:hover,
html[data-color-mode="light"] .catalog-topbar>.text-button:hover {
  color: #125929 !important;
  border-color: rgba(26, 147, 63, .52) !important;
  background: #eff9f0 !important;
}
html[data-color-mode="light"] .organic-header .header-vip {
  color: #fff !important;
  border-color: #21994a !important;
  background: #167c36 !important;
  box-shadow: 0 8px 18px rgba(33, 153, 74, .20) !important;
}
html[data-color-mode="light"] .organic-header .mode-toggle,
html[data-color-mode="light"] .mode-toggle,
html[data-color-mode="light"] .language-select {
  color: #315b3b !important;
  border-color: rgba(27, 93, 43, .20) !important;
  background: #f8fcf7 !important;
}
html[data-color-mode="light"] .channel-strip { color: #59705f; }
html[data-color-mode="light"] .channel-strip b { color: var(--light-strong) !important; }
html[data-color-mode="light"] .channel-strip:before,
html[data-color-mode="light"] .channel-strip:after { background: linear-gradient(90deg, transparent, rgba(32, 148, 70, .6)); }

html[data-color-mode="light"] .organic-hero {
  border-color: rgba(24, 92, 42, .16) !important;
  background: radial-gradient(circle at 84% 45%, rgba(71, 190, 87, .18), transparent 26%), linear-gradient(130deg, #ffffff 0%, #f3fbf3 52%, #e2f3e4 100%) !important;
  box-shadow: 0 24px 55px rgba(24, 74, 34, .12) !important;
}
html[data-color-mode="light"] .organic-hero .hero-main h1,
html[data-color-mode="light"] .organic-hero .hero-main h1 span { color: #142a1a !important; }
html[data-color-mode="light"] .organic-hero .hero-main h1 em { color: #22a94b !important; }
html[data-color-mode="light"] .organic-hero .hero-main>p:not(.eyebrow),
html[data-color-mode="light"] .hero-label { color: #55705d !important; }
html[data-color-mode="light"] .hero-label span { background: #25a44d !important; box-shadow: 0 0 9px rgba(37, 164, 77, .42) !important; }
html[data-color-mode="light"] .visual-word { color: rgba(27, 101, 44, .10) !important; }
html[data-color-mode="light"] .visual-ring {
  border-color: rgba(29, 144, 63, .45) !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 0 0 13px rgba(38, 165, 77, .10), 0 22px 45px rgba(24, 79, 37, .14) !important;
}
html[data-color-mode="light"] .floating-note {
  color: #294d31 !important;
  border-color: rgba(32, 143, 63, .25) !important;
  background: #f8fff5 !important;
  box-shadow: 0 13px 27px rgba(24, 79, 37, .10) !important;
}
html[data-color-mode="light"] .floating-note b { color: #1d8e40 !important; }
html[data-color-mode="light"] .pill-action {
  color: #fff !important;
  background: #167c36 !important;
  box-shadow: 0 11px 22px rgba(35, 158, 74, .22) !important;
}
html[data-color-mode="light"] .pill-action:hover { color: #fff !important; background: #167c36 !important; }
html[data-color-mode="light"] .soft-action {
  color: #235f34 !important;
  border-color: rgba(29, 123, 54, .34) !important;
  background: rgba(255, 255, 255, .72) !important;
}
html[data-color-mode="light"] .soft-action:hover { color: #fff !important; background: #218e42 !important; }

html[data-color-mode="light"] .benefits article {
  color: #172a1c !important;
  border-color: rgba(24, 79, 37, .15) !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 14px 30px rgba(23, 70, 31, .08) !important;
}
html[data-color-mode="light"] .benefits article>span,
html[data-color-mode="light"] .benefits article>p { color: #5a7360 !important; }
html[data-color-mode="light"] .benefits .benefit-vip {
  border-color: rgba(32, 148, 70, .34) !important;
  background: linear-gradient(135deg, #ecfbe9, #ffffff 72%) !important;
}
html[data-color-mode="light"] .benefits .benefit-vip a { color: #178d3d !important; }

html[data-color-mode="light"] .organic-catalog .catalog-heading h2,
html[data-color-mode="light"] .organic-catalog .catalog-heading h2 span { color: #142a1a !important; }
html[data-color-mode="light"] .organic-catalog .catalog-heading h2 em { color: #20a248 !important; }
html[data-color-mode="light"] .organic-catalog .catalog-heading:before,
html[data-color-mode="light"] .organic-catalog .catalog-heading:after { box-shadow: 0 0 12px rgba(32, 153, 72, .26) !important; }
html[data-color-mode="light"] .catalog-summary { color: #4e6954 !important; }
html[data-color-mode="light"] .catalog-summary>b { color: #315c3a !important; }
html[data-color-mode="light"] .catalog-summary>span { color: var(--light-strong) !important; border: 1px solid rgba(22, 107, 48, .22) !important; background: #dff2e1 !important; }
html[data-color-mode="light"] .organic-catalog .download-card {
  color: #172a1c !important;
  border-color: rgba(24, 79, 37, .16) !important;
  background: #fff !important;
  box-shadow: 0 14px 33px rgba(26, 75, 35, .09) !important;
}
html[data-color-mode="light"] .organic-catalog .download-card:hover { border-color: rgba(32, 153, 72, .52) !important; box-shadow: 0 20px 42px rgba(26, 75, 35, .14) !important; }
html[data-color-mode="light"] .organic-catalog .download-card.tier-premium {
  background-color: #fffdf7 !important;
  background-image: linear-gradient(#fffdf7, #fffdf7), linear-gradient(110deg,#8d5c1b,#ffe29a,#c48b28,#fff0b8,#8d5c1b) !important;
}
html[data-color-mode="light"] .organic-catalog .download-card.tier-premium-plus {
  background-color: #fffaff !important;
  background-image: linear-gradient(#fffaff, #fffaff), linear-gradient(110deg,#6d35b9,#d5a1ff,#e3b54c,#8d4de0,#6d35b9) !important;
}
html[data-color-mode="light"] .organic-catalog .card-cover { background: #edf5ed !important; }
html[data-color-mode="light"] .organic-catalog .card-body h3 { color: #162a1b !important; }
html[data-color-mode="light"] .organic-catalog .card-description,
html[data-color-mode="light"] .organic-catalog .vip-locked-note { color: #5b7260 !important; }
html[data-color-mode="light"] .organic-catalog .download-button { color: #fff !important; background: #167c36 !important; }
html[data-color-mode="light"] .organic-catalog .download-button:hover { color: #fff !important; background: #167c36 !important; }
html[data-color-mode="light"] .organic-catalog .tier-premium .download-button { color: #2b2108 !important; background: #edc048 !important; }
html[data-color-mode="light"] .organic-catalog .tier-premium-plus .download-button { color: #fff !important; background: linear-gradient(105deg, #8648dc, #ca9639) !important; }
html[data-color-mode="light"] .organic-catalog .tier-premium-plus .vip-product-tag { color: #fff !important; background: #7240bb !important; }

html[data-color-mode="light"] .site-promotions {
  border-color: rgba(25, 86, 39, .18) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 15px 35px rgba(23,75,31,.12) !important;
}
html[data-color-mode="light"] .site-promotions>span { color: #19863b !important; }
html[data-color-mode="light"] .site-promotions a { color: #365d3e !important; background: #f3f9f3 !important; }
html[data-color-mode="light"] .site-promotions a:hover { color: #fff !important; background: #269a4a !important; }
html[data-color-mode="light"] .floating-donation {
  color: #245d33 !important;
  border-color: rgba(27, 122, 51, .28) !important;
  background: rgba(255,255,255,.90) !important;
  box-shadow: 0 12px 30px rgba(24,79,37,.13) !important;
}

html[data-color-mode="light"] .entry-gate { background: radial-gradient(circle at 50% 20%, rgba(91, 197, 100, .22), transparent 34%), rgba(244, 249, 244, .96) !important; }
html[data-color-mode="light"] .entry-panel {
  color: #15291b !important;
  border-color: rgba(24, 91, 41, .17) !important;
  background: linear-gradient(145deg, rgba(103, 214, 96, .16), transparent 44%), #ffffff !important;
  box-shadow: 0 28px 75px rgba(24, 79, 37, .15) !important;
}
html[data-color-mode="light"] .entry-panel>p:not(.eyebrow),
html[data-color-mode="light"] .entry-panel label { color: #54705b !important; }
html[data-color-mode="light"] .entry-panel input { color: #17301e !important; border-color: rgba(24, 91, 41, .18) !important; background: #f7fbf6 !important; }
html[data-color-mode="light"] .entry-free { color: #2d603a !important; border-color: rgba(28, 113, 49, .25) !important; background: #f7fbf7 !important; }

html[data-color-mode="light"] .vip-page,
html[data-color-mode="light"] .donation-page,
html[data-color-mode="light"] .wait-page,
html[data-color-mode="light"] .account-page,
html[data-color-mode="light"] .community-page { color: var(--ink) !important; background: radial-gradient(circle at 80% 0, rgba(99, 191, 106, .16), transparent 30%), #f3f7f1 !important; }
html[data-color-mode="light"] .plans-panel,
html[data-color-mode="light"] .donation-panel,
html[data-color-mode="light"] .wait-card,
html[data-color-mode="light"] .account-single-view,
html[data-color-mode="light"] .profile-grid>.admin-form,
html[data-color-mode="light"] .community-status,
html[data-color-mode="light"] .community-composer,
html[data-color-mode="light"] .community-locked,
html[data-color-mode="light"] .community-post,
html[data-color-mode="light"] .community-empty {
  color: #172a1c !important;
  border-color: rgba(24, 79, 37, .16) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 15px 38px rgba(24,79,37,.09) !important;
}
html[data-color-mode="light"] .community-plan-note { color: #1d2c20 !important; background: linear-gradient(135deg, #f4ecff, #fff9e9) !important; }
html[data-color-mode="light"] .community-plan-note span,
html[data-color-mode="light"] .community-post>p,
html[data-color-mode="light"] .comments>div { color: #526e58 !important; }
html[data-color-mode="light"] input,
html[data-color-mode="light"] select,
html[data-color-mode="light"] textarea { color: #17301e !important; border-color: rgba(24, 79, 37, .21) !important; background: #f8fcf8 !important; }
html[data-color-mode="light"] .admin-form label,
html[data-color-mode="light"] .product-form label { color: #426248 !important; }
html[data-color-mode="light"] .grain { opacity: .045 !important; }

/* Páginas de planos, doação e espera: superfícies próprias do tema claro. */
html[data-color-mode="light"] .vip-pitch>p:not(.eyebrow),
html[data-color-mode="light"] .donation-pitch>p:not(.eyebrow),
html[data-color-mode="light"] .wait-subtitle { color: #536c5a !important; }
html[data-color-mode="light"] .vip-pitch ul { color: #2d633b !important; }
html[data-color-mode="light"] .plans-panel,
html[data-color-mode="light"] .donation-panel,
html[data-color-mode="light"] .wait-card {
  background: linear-gradient(145deg, rgba(95, 195, 101, .14), transparent 43%), #ffffff !important;
}
html[data-color-mode="light"] .membership-plan {
  color: #182b1d !important;
  border-color: rgba(24, 79, 37, .16) !important;
  background: #fbfdfb !important;
  box-shadow: none !important;
}
html[data-color-mode="light"] .membership-plan h2,
html[data-color-mode="light"] .membership-plan>p,
html[data-color-mode="light"] .membership-plan.plan-free h2 { color: #17291b !important; }
html[data-color-mode="light"] .membership-plan>p small,
html[data-color-mode="light"] .membership-plan ul { color: #58705e !important; }
html[data-color-mode="light"] .membership-plan.plan-free { border-color: rgba(41, 91, 51, .24) !important; }
html[data-color-mode="light"] .membership-plan.plan-free>span { color: #517057 !important; }
html[data-color-mode="light"] .membership-plan.plan-premium {
  border-color: rgba(191, 139, 30, .62) !important;
  background: linear-gradient(135deg, rgba(237, 192, 72, .20), transparent 64%), #fffdf6 !important;
}
html[data-color-mode="light"] .membership-plan.plan-premium>span,
html[data-color-mode="light"] .membership-plan.plan-premium h2,
html[data-color-mode="light"] .membership-plan.plan-premium>p { color: #8c5d15 !important; }
html[data-color-mode="light"] .membership-plan.plan-premium-plus {
  border-color: rgba(127, 70, 202, .55) !important;
  background: linear-gradient(135deg, rgba(144, 78, 223, .16), rgba(237, 192, 72, .13) 75%), #fffbff !important;
}
html[data-color-mode="light"] .membership-plan.plan-premium-plus>span,
html[data-color-mode="light"] .membership-plan.plan-premium-plus h2 { color: #6633a8 !important; }
html[data-color-mode="light"] .membership-plan.plan-premium-plus>p { color: #966a1b !important; }
html[data-color-mode="light"] .membership-plan.selected {
  box-shadow: 0 0 0 2px rgba(35, 158, 74, .55), 0 16px 32px rgba(25, 79, 37, .12) !important;
}
html[data-color-mode="light"] .outline-button {
  color: #196d34 !important;
  border-color: rgba(31, 143, 63, .58) !important;
  background: #ffffff !important;
}
html[data-color-mode="light"] .outline-button:hover {
  color: #ffffff !important;
  border-color: #208f42 !important;
  background: #208f42 !important;
}
html[data-color-mode="light"] .vip-note {
  color: #526d58 !important;
  border-color: rgba(24, 79, 37, .14) !important;
  background: #f3f8f2 !important;
}
html[data-color-mode="light"] .vip-note a,
html[data-color-mode="light"] .wait-vip-link { color: #1d8c40 !important; }
html[data-color-mode="light"] .wait-vip-link { background: #edf9ee !important; }
html[data-color-mode="light"] .wait-progress { background: #dcebdd !important; }
html[data-color-mode="light"] .wait-progress span { background: #239e4a !important; box-shadow: 0 0 14px rgba(35, 158, 74, .38) !important; }
html[data-color-mode="light"] .stage {
  color: #4f6855 !important;
  border-color: rgba(26, 85, 39, .17) !important;
  background: #f8fcf7 !important;
}
html[data-color-mode="light"] .stage i { color: #69806e !important; }
html[data-color-mode="light"] .stage.active {
  color: #18321f !important;
  border-color: #269b4d !important;
  background: #effaef !important;
  box-shadow: inset 0 -3px #269b4d !important;
}
html[data-color-mode="light"] .stage.done { color: #355d3e !important; border-color: rgba(38, 139, 70, .42) !important; }
html[data-color-mode="light"] .stage.active i,
html[data-color-mode="light"] .stage.done i,
html[data-color-mode="light"] .stage.done span { color: #198a3d !important; }
html[data-color-mode="light"] .plan-confirmation {
  border-color: rgba(30, 125, 55, .25) !important;
  background: linear-gradient(145deg, rgba(96, 198, 98, .12), transparent 52%), #f8fdf7 !important;
}
html[data-color-mode="light"] .plan-confirmation h3 { color: #17321d !important; }
html[data-color-mode="light"] .plan-confirmation>p,
html[data-color-mode="light"] .plan-confirmation ul { color: #526e58 !important; }
html[data-color-mode="light"] .plan-confirmation .checkout-price { color: #12351d !important; background: #9fe269 !important; }
html[data-color-mode="light"] .pix-result {
  border-color: rgba(31, 143, 63, .30) !important;
  background: #f7fcf6 !important;
}
html[data-color-mode="light"] .pix-result label,
html[data-color-mode="light"] .pix-result small { color: #56705c !important; }
html[data-color-mode="light"] .pix-result textarea { color: #17301e !important; background: #ffffff !important; }
html[data-color-mode="light"] .donation-small { border-color: #259848 !important; }

/* Perfil e formulários: mantém cada área bem delimitada no fundo claro. */
html[data-color-mode="light"] .account-single-view,
html[data-color-mode="light"] .profile-card,
html[data-color-mode="light"] .community-status,
html[data-color-mode="light"] .profile-grid>.admin-form {
  color: #172a1c !important;
  border-color: rgba(24, 79, 37, .17) !important;
  background: linear-gradient(145deg, rgba(80, 182, 87, .11), transparent 46%), #ffffff !important;
}
html[data-color-mode="light"] .profile-cover { background: linear-gradient(120deg, rgba(58, 169, 72, .26), transparent), #dfeee0 !important; }
html[data-color-mode="light"] .profile-card p:not(.eyebrow),
html[data-color-mode="light"] .community-status>p:not(.eyebrow),
html[data-color-mode="light"] .account-intro,
html[data-color-mode="light"] .account-switch { color: #56705c !important; }
html[data-color-mode="light"] .account-switch a { color: #198a3d !important; }
html[data-color-mode="light"] .account-switch a:hover { color: #145f2c !important; }
html[data-color-mode="light"] .membership-status {
  border-color: rgba(24, 79, 37, .16) !important;
  background: #f7fbf6 !important;
}
html[data-color-mode="light"] .membership-status strong { color: #1b3220 !important; }
html[data-color-mode="light"] .membership-status.premium.active { background: linear-gradient(135deg, rgba(237, 192, 72, .21), transparent), #fffdf5 !important; }
html[data-color-mode="light"] .membership-status.premium.active strong { color: #8c5d15 !important; }
html[data-color-mode="light"] .membership-status.premium-plus.active { background: linear-gradient(135deg, rgba(156, 80, 235, .17), rgba(237, 192, 72, .13)), #fffbff !important; }
html[data-color-mode="light"] .membership-status.premium-plus.active strong { color: #6633a8 !important; }
html[data-color-mode="light"] .profile-card.tier-premium {
  background-color: #fffdf7 !important;
  background-image: linear-gradient(#fffdf7, #fffdf7), linear-gradient(110deg,#8d5c1b,#ffe29a,#c48b28,#fff0b8,#8d5c1b) !important;
}
html[data-color-mode="light"] .profile-card.tier-premium-plus {
  background-color: #fffaff !important;
  background-image: linear-gradient(#fffaff, #fffaff), linear-gradient(110deg,#6d35b9,#d5a1ff,#e3b54c,#8d4de0,#6d35b9) !important;
}

/* Comunidade: contraste de textos, comentários e ações no tema claro. */
html[data-color-mode="light"] .community-head>div>p:not(.eyebrow) { color: #536c5a !important; }
html[data-color-mode="light"] .community-plan-note {
  border-color: rgba(116, 65, 188, .32) !important;
  background: linear-gradient(135deg, rgba(151, 76, 225, .13), rgba(237, 192, 72, .12)), #ffffff !important;
}
html[data-color-mode="light"] .community-plan-note b { color: #6736a8 !important; }
html[data-color-mode="light"] .community-plan-note span { color: #56685a !important; }
html[data-color-mode="light"] .community-plan-note a { color: #9a6c17 !important; }
html[data-color-mode="light"] .community-composer textarea,
html[data-color-mode="light"] .comments input {
  color: #17301e !important;
  border-color: rgba(24, 79, 37, .20) !important;
  background: #ffffff !important;
}
html[data-color-mode="light"] .community-composer small,
html[data-color-mode="light"] .community-locked span,
html[data-color-mode="light"] .community-empty span,
html[data-color-mode="light"] .community-post header small { color: #5a7160 !important; }
html[data-color-mode="light"] .community-locked strong,
html[data-color-mode="light"] .community-empty strong,
html[data-color-mode="light"] .community-post header strong { color: #17301e !important; }
html[data-color-mode="light"] .community-tier.tier-free { color: #4d6553 !important; background: #eaf1ea !important; }
html[data-color-mode="light"] .community-post>p { color: #314d38 !important; }
html[data-color-mode="light"] .post-actions { border-color: rgba(24, 79, 37, .13) !important; }
html[data-color-mode="light"] .post-actions button {
  color: #527059 !important;
  border-color: rgba(24, 79, 37, .17) !important;
  background: #f9fcf8 !important;
}
html[data-color-mode="light"] .post-actions button:hover,
html[data-color-mode="light"] .post-actions button.liked { color: #092413 !important; border-color: #57d06b !important; background: #9feb7c !important; }
html[data-color-mode="light"] .comments { border-color: rgba(24, 79, 37, .14) !important; }
html[data-color-mode="light"] .comments b { color: #1d8a3f !important; }
html[data-color-mode="light"] .comments form button { color: #092413 !important; background: #9feb7c !important; }

html[data-color-mode="light"] .form-message.success { color: #197b36 !important; }
html[data-color-mode="light"] .admin-primary,
html[data-color-mode="light"] .entry-vip,
html[data-color-mode="light"] .comments form button,
html[data-color-mode="light"] .donation-chip { color: #ffffff !important; }
html[data-color-mode="light"] .admin-primary:hover { color: #11351a !important; background: #a9e975 !important; }

@media (max-width: 520px) {
  html[data-color-mode="light"] .organic-header { padding-inline: 10px !important; }
  html[data-color-mode="light"] .organic-header .brand span,
  html[data-color-mode="light"] .organic-header .account-nav { display: none !important; }
  html[data-color-mode="light"] .organic-header nav { gap: 4px !important; }
  html[data-color-mode="light"] .organic-header .header-vip { padding-inline: 10px !important; }
  html[data-color-mode="light"] .language-select { width: 48px !important; padding-inline: 6px !important; }
}
@media (max-width: 420px) {
  html[data-color-mode="light"] .entry-panel { padding-top: 78px !important; }
  html[data-color-mode="light"] .gate-mode-toggle { left: 50% !important; right: auto !important; transform: translateX(-50%) !important; }
}