/* ============================================================ PACHALKI — TEMA "ONYX" (dark premium) — opt-in Ativa só quando . Carregar SEMPRE depois de v3.css. Sem o atributo, nada muda. ============================================================ */ html[data-theme="dark"] { /* superfícies (preto puro → navy escuro, ref. estudo aprovado) */ --espresso: oklch(0.135 0.006 260); /* fundo principal preto puro #0A0A0A */ --espresso-2: oklch(0.195 0.018 262); /* cards navy escuro */ --espresso-3: oklch(0.165 0.012 262); /* seções alternadas / marquee */ /* texto */ --bone: oklch(0.975 0.003 250); /* texto principal branco */ --bone-dim: oklch(0.715 0.012 255); /* texto secundário cinza frio */ /* marca */ --ember: oklch(0.628 0.218 19); /* vermelho Pachalki vivo #E63946 */ --ember-2: oklch(0.555 0.195 19); /* hover */ --amber: oklch(0.80 0.11 70); --green: oklch(0.78 0.13 150); --accent-soft: oklch(0.31 0.10 19); /* linhas */ --line: oklch(1 0 0 / 0.09); --line-2: oklch(1 0 0 / 0.18); } /* header com fundo escuro ao rolar */ html[data-theme="dark"] .hdr.scrolled { background: oklch(0.135 0.006 260 / 0.84); backdrop-filter: blur(16px) saturate(1.2); border-color: var(--line); } /* ícones de cards com leve brilho vermelho no escuro */ html[data-theme="dark"] .whyc__i, html[data-theme="dark"] .mvv__icon { box-shadow: inset 0 0 0 1px oklch(0.628 0.218 19 / .35); } /* cards: navy escuro com cantos mais suaves */ html[data-theme="dark"] .whyc, html[data-theme="dark"] .news-card, html[data-theme="dark"] .unit, html[data-theme="dark"] .form, html[data-theme="dark"] .mvv__card { background: var(--espresso-2); border-radius: 20px; } html[data-theme="dark"] .whyc:hover, html[data-theme="dark"] .news-card:hover { box-shadow: 0 30px 60px -38px #000; } html[data-theme="dark"] .divx__stage, html[data-theme="dark"] .intro2__media .carousel, html[data-theme="dark"] .heritage__img { border-radius: 20px; } /* brilho ambiente sutil no fundo (profundidade premium) */ html[data-theme="dark"] body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(1200px 680px at 82% -8%, oklch(0.628 0.218 19 / .10), transparent 62%), radial-gradient(900px 600px at -8% 108%, oklch(0.45 0.06 250 / .10), transparent 60%); } /* faixa de números: harmoniza o overlay com o preto */ html[data-theme="dark"] .numbers__bg { filter: brightness(.34) saturate(.85); } /* selo 60 anos com sombra mais profunda */ html[data-theme="dark"] .seal { box-shadow: 0 22px 50px -20px #000; } /* no escuro, o header já não está sobre foto clara em páginas internas: garante contraste do texto do header quando rolado */ html[data-theme="dark"] .hdr.scrolled .hdr__nav a, html[data-theme="dark"] .hdr.scrolled .cbtn, html[data-theme="dark"] .hdr.scrolled .lang button { color: var(--bone); }