/* =========================================== ERG WEB DESIGNER · TEMA CLARO Sobrescreve cores escuras pra modo claro. Aplica em qualquer página com =========================================== */ html[data-theme="light"] body { background: #FAFAFA !important; color: #1A1A1A !important; } /* Backgrounds genéricos */ html[data-theme="light"] .bg-bg { background-color: #FAFAFA !important; } html[data-theme="light"] .bg-bg\/30 { background-color: rgba(245,245,245,0.85) !important; } html[data-theme="light"] .bg-bg\/40 { background-color: rgba(245,245,245,0.9) !important; } html[data-theme="light"] .bg-bg\/50 { background-color: #F2F2F2 !important; } html[data-theme="light"] .bg-bg\/60 { background-color: rgba(245,245,245,0.92) !important; } html[data-theme="light"] .bg-bg\/70 { background-color: rgba(250,250,250,0.85) !important; } html[data-theme="light"] .bg-bg\/80 { background-color: rgba(250,250,250,0.9) !important; } html[data-theme="light"] .bg-bg\/90 { background-color: rgba(250,250,250,0.95) !important; } html[data-theme="light"] .bg-panel { background-color: #FFFFFF !important; } html[data-theme="light"] .bg-zinc-800 { background-color: #E5E5E5 !important; } /* Bordas */ html[data-theme="light"] .border-line, html[data-theme="light"] .border-line\/60 { border-color: #E5E5E5 !important; } html[data-theme="light"] .border-accent\/30 { border-color: rgba(168,133,71,0.4) !important; } html[data-theme="light"] .border-accent\/40 { border-color: rgba(168,133,71,0.5) !important; } html[data-theme="light"] .border-accent\/50 { border-color: rgba(168,133,71,0.6) !important; } /* Textos zinc invertidos */ html[data-theme="light"] .text-white { color: #1A1A1A !important; } html[data-theme="light"] .text-zinc-200 { color: #262626 !important; } html[data-theme="light"] .text-zinc-300 { color: #404040 !important; } html[data-theme="light"] .text-zinc-400 { color: #525252 !important; } html[data-theme="light"] .text-zinc-500 { color: #737373 !important; } html[data-theme="light"] .text-zinc-600 { color: #A3A3A3 !important; } html[data-theme="light"] .group:hover .group-hover\:text-white { color: #1A1A1A !important; } /* Accent dourado escurecido pra contraste em fundo claro */ html[data-theme="light"] .text-accent { color: #A88547 !important; } html[data-theme="light"] .bg-accent { background-color: #A88547 !important; color: #FFF !important; } html[data-theme="light"] .hover\:bg-accent:hover { background-color: #A88547 !important; } html[data-theme="light"] .hover\:bg-accent-hover:hover { background-color: #C9A66B !important; } html[data-theme="light"] .hover\:text-accent:hover { color: #A88547 !important; } html[data-theme="light"] .hover\:text-accent-hover:hover { color: #C9A66B !important; } html[data-theme="light"] .group-hover\:text-accent { color: #A88547 !important; } html[data-theme="light"] .hover\:border-accent\/50:hover { border-color: rgba(168,133,71,0.6) !important; } html[data-theme="light"] .hover\:border-accent:hover { border-color: #A88547 !important; } /* Backgrounds com transparência (cards coloridos) */ html[data-theme="light"] .bg-accent\/10 { background-color: rgba(168,133,71,0.1) !important; } html[data-theme="light"] .bg-accent\/20 { background-color: rgba(168,133,71,0.18) !important; } html[data-theme="light"] .bg-emerald-500\/10 { background-color: rgba(16,185,129,0.08) !important; } html[data-theme="light"] .bg-cyan-500\/10 { background-color: rgba(6,182,212,0.08) !important; } html[data-theme="light"] .bg-violet-500\/10 { background-color: rgba(139,92,246,0.08) !important; } html[data-theme="light"] .bg-red-500\/10 { background-color: rgba(239,68,68,0.08) !important; } /* Botões sólidos (bg-white com text-black no dark vira escuro com branco no light) */ html[data-theme="light"] .bg-white { background-color: #1A1A1A !important; color: #FFF !important; } html[data-theme="light"] .text-black { color: #FFF !important; } html[data-theme="light"] .hover\:bg-zinc-200:hover { background-color: #262626 !important; } /* Footer cinza claro */ html[data-theme="light"] footer { background-color: #F2F2F2 !important; } html[data-theme="light"] footer .text-zinc-300, html[data-theme="light"] footer .text-zinc-400 { color: #404040 !important; } html[data-theme="light"] footer .text-zinc-500 { color: #525252 !important; } /* === Classes específicas das LANDING PAGES (.prose-erg) === */ html[data-theme="light"] .prose-erg p { color: #404040 !important; } html[data-theme="light"] .prose-erg h2 { color: #1A1A1A !important; } html[data-theme="light"] .prose-erg h3 { color: #1A1A1A !important; } html[data-theme="light"] .prose-erg li { color: #525252 !important; } html[data-theme="light"] .prose-erg strong { color: #1A1A1A !important; } /* === Classes do BLOG (.post) === */ html[data-theme="light"] .post p { color: #404040 !important; } html[data-theme="light"] .post h2 { color: #1A1A1A !important; } html[data-theme="light"] .post h3 { color: #1A1A1A !important; } html[data-theme="light"] .post li { color: #525252 !important; } html[data-theme="light"] .post strong { color: #1A1A1A !important; } html[data-theme="light"] .post .destaque { background: #F5F5F5 !important; border-left-color: #A88547 !important; } html[data-theme="light"] .post .destaque p { color: #1A1A1A !important; } html[data-theme="light"] .compare > div { background: #F5F5F5 !important; border-color: #E5E5E5 !important; } html[data-theme="light"] .compare li { color: #525252 !important; } /* === Classes do BRIEFING & PARCERIA (formulários) === */ html[data-theme="light"] .field-label { color: #1A1A1A !important; } html[data-theme="light"] .field-hint { color: #737373 !important; } html[data-theme="light"] input[type="text"], html[data-theme="light"] input[type="email"], html[data-theme="light"] input[type="tel"], html[data-theme="light"] input[type="url"], html[data-theme="light"] textarea, html[data-theme="light"] select { background: #FFFFFF !important; border-color: #D4D4D8 !important; color: #1A1A1A !important; } html[data-theme="light"] input::placeholder, html[data-theme="light"] textarea::placeholder { color: #A1A1AA !important; } html[data-theme="light"] input:focus, html[data-theme="light"] textarea:focus, html[data-theme="light"] select:focus { background: #FFFFFF !important; border-color: #A88547 !important; } html[data-theme="light"] select option { background: #FFFFFF !important; color: #1A1A1A !important; } html[data-theme="light"] .check-pill { background: #FFFFFF !important; border-color: #D4D4D8 !important; color: #404040 !important; } html[data-theme="light"] .check-pill:hover { border-color: rgba(168,133,71,0.6) !important; color: #1A1A1A !important; } html[data-theme="light"] .check-pill.checked { border-color: #A88547 !important; background: rgba(168,133,71,0.1) !important; color: #A88547 !important; } html[data-theme="light"] .check-pill .dot { border-color: #A1A1AA !important; } html[data-theme="light"] .check-pill.checked .dot { border-color: #A88547 !important; background: #A88547 !important; } html[data-theme="light"] .check-pill.checked .dot::after { background: #FFFFFF !important; } html[data-theme="light"] .checkbox-row { background: #FFFFFF !important; border-color: #D4D4D8 !important; } html[data-theme="light"] .checkbox-row:hover { border-color: rgba(168,133,71,0.6) !important; } html[data-theme="light"] .checkbox-row.checked { background: rgba(168,133,71,0.05) !important; border-color: rgba(168,133,71,0.5) !important; } html[data-theme="light"] .checkbox-row .text { color: #404040 !important; } html[data-theme="light"] .checkbox-row .text strong { color: #1A1A1A !important; } html[data-theme="light"] .checkbox-row .box { border-color: #A1A1AA !important; } html[data-theme="light"] .checkbox-row.checked .box { background: #A88547 !important; border-color: #A88547 !important; } html[data-theme="light"] .checkbox-row.checked .box::after { border-left-color: #FFFFFF !important; border-bottom-color: #FFFFFF !important; } html[data-theme="light"] .section-card { background: #FFFFFF !important; border-color: #E5E5E5 !important; } html[data-theme="light"] .section-title { border-bottom-color: #E5E5E5 !important; } html[data-theme="light"] .section-title h2 { color: #1A1A1A !important; } html[data-theme="light"] .section-title p { color: #525252 !important; } html[data-theme="light"] .section-num { background: rgba(168,133,71,0.15) !important; border-color: rgba(168,133,71,0.5) !important; color: #A88547 !important; } /* === TERMO DE PARCERIA específico === */ html[data-theme="light"] .termo .destaque-cont { background: #F5F5F5 !important; border-color: #E5E5E5 !important; } html[data-theme="light"] .termo .destaque-cont p { color: #1A1A1A !important; } html[data-theme="light"] .termo p { color: #404040 !important; } html[data-theme="light"] .termo h2 { color: #A88547 !important; border-bottom-color: #E5E5E5 !important; } html[data-theme="light"] .termo h3 { color: #1A1A1A !important; } html[data-theme="light"] .termo li { color: #525252 !important; } html[data-theme="light"] .termo strong { color: #1A1A1A !important; } html[data-theme="light"] .termo .label { color: #A88547 !important; }