/*==================================== DARK MODE — Zroo Imóveis Ativado por [data-theme="dark"] no . Apenas as DIFERENÇAS em relação ao tema claro. (Header e Hero — demais seções na Etapa 5) ====================================*/ [data-theme="dark"] { /* Neutros / texto */ --dark: #F5F6FA; --text: #C9CCDB; --text-muted: #8A8EA8; --border: #2D2D3C; /* Superfícies */ --bg: #12121A; --bg-alt: #16161F; --bg-tint: #16161F; --surface: #1C1C28; --surface-2: #23232F; /* Sombras mais discretas no escuro */ --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4); --shadow: 0 12px 32px rgba(0, 0, 0, 0.5); --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55); --shadow-pill: 0 16px 40px rgba(0, 0, 0, 0.45); } /* Alterna ícones do botão de tema */ [data-theme="dark"] .theme-toggle__moon { display: none; } [data-theme="dark"] .theme-toggle__sun { display: block; } /* Header em vidro escuro */ [data-theme="dark"] .header__inner { background: rgba(28, 28, 40, 0.92); border: 1px solid var(--border); } /* Card de busca escuro */ [data-theme="dark"] .field { background: var(--surface-2); } [data-theme="dark"] .field:focus-within { background: #2A2A38; } /* CRM — mockup escuro */ [data-theme="dark"] .crm { background: linear-gradient(155deg, #20202E 0%, #241E2E 55%, #2A1E28 100%); border-color: var(--border); } [data-theme="dark"] .crm-client { background: #26263A; box-shadow: none; } [data-theme="dark"] .crm-ai { background: linear-gradient(135deg, #262238, #2C2436); border-color: rgba(154, 56, 157, 0.35); } [data-theme="dark"] .crm-ai__custom { background: rgba(255, 255, 255, 0.06); } /* Chips de tag azuis */ [data-theme="dark"] .tag-pill { background: rgba(0, 124, 249, 0.15); } [data-theme="dark"] .tag-pill:hover { background: rgba(0, 124, 249, 0.28); } /* Badges do CRM permanecem legíveis; mantém tons suaves */ [data-theme="dark"] .crm-tag--hot { background: rgba(214, 21, 126, 0.2); color: #FF7BC0; } [data-theme="dark"] .crm-tag--wait { background: rgba(183, 121, 31, 0.2); color: #F2C55C; } [data-theme="dark"] .crm-tag--new { background: rgba(37, 99, 235, 0.2); color: #7CA8FF; }