/** * theme-dark.css — Skin ESCURO global do site (default). * * Todas as regras escopadas em html[data-theme="dark"], então: * - Vencem por especificidade sobre as regras claras base. * - Só valem quando o site está em modo escuro (toggle 🌙/☀️ no header). * Trocar para light = data-theme="light" no (botão do header). * * @package 55acompanhantes * @since 6.6.0 */ /* ═══════════════════════════════════════════════ PALETA DARK (rosa-sangue #E11D48) ═══════════════════════════════════════════════ */ html[data-theme="dark"] { --d-bg: #0f0f16; /* fundo base (quase preto) */ --d-bg-alt: #15151f; /* seção alternada */ --d-card: #1c1c28; /* cards */ --d-card-2: #23232f; /* cards elevados / hover */ --d-border: rgba(255,255,255,.08); --d-border-2: rgba(255,255,255,.14); --d-text: #f2f2f5; /* texto principal */ --d-text-2: #a7a7b3; /* texto secundário */ --d-text-3: #71717f; /* texto terciário */ --d-red: #fb2c5a; /* rosa-sangue + aceso pro escuro */ --d-red-soft: #26121c; /* fundo/badge vermelho suave */ color-scheme: dark; } /* ═══════════════════════════════════════════════ BASE GLOBAL — garante fundo escuro em toda página ═══════════════════════════════════════════════ */ html[data-theme="dark"] body { background: var(--d-bg); color: var(--d-text); } html[data-theme="dark"] ::selection { background: rgba(251,44,90,.35); color: #fff; } /* ═══════════════════════════════════════════════ HEADER (global) ═══════════════════════════════════════════════ */ html[data-theme="dark"] .fm-hdr { background: #14141d; border-bottom: 1px solid var(--d-border); } html[data-theme="dark"] .fm-hdr__logo, html[data-theme="dark"] .fm-hdr__logo-text { color: #fff; } html[data-theme="dark"] .fm-hdr__logo-text b { color: var(--d-red); } html[data-theme="dark"] .fm-hdr__link { color: #c7c7d2 !important; } html[data-theme="dark"] .fm-hdr__link:hover { color: var(--d-red) !important; background: rgba(251,44,90,.12); } html[data-theme="dark"] .fm-hdr__link--cta { color: var(--d-red) !important; } html[data-theme="dark"] .fm-hdr__icon, html[data-theme="dark"] .fm-hdr__hamburger { background: #1c1c28; border-color: var(--d-border); color: #b9b9c5; } html[data-theme="dark"] .fm-hdr__icon:hover, html[data-theme="dark"] .fm-hdr__hamburger:hover { color: var(--d-red); border-color: var(--d-red); } html[data-theme="dark"] .fm-hdr__username { color: #e7e7ee; } html[data-theme="dark"] .fm-hdr__avatar { border-color: var(--d-border-2); } html[data-theme="dark"] .fm-hdr--compact { box-shadow: 0 2px 12px rgba(0,0,0,.5); } /* botão de tema em destaque suave */ html[data-theme="dark"] .fm-hdr__theme { color: var(--d-red); } /* Mobile menu */ html[data-theme="dark"] .fm-hdr__mobile-menu { background: #14141d; border-top: 1px solid var(--d-border); } html[data-theme="dark"] .fm-hdr__mobile-menu a { color: #d7d7de !important; } html[data-theme="dark"] .fm-hdr__mobile-menu a:hover { background: rgba(255,255,255,.05); } html[data-theme="dark"] .fm-hdr__mobile-menu a i { color: #8a8a96; } html[data-theme="dark"] .fm-hdr__mobile-user { border-bottom: 1px solid var(--d-border); } html[data-theme="dark"] .fm-hdr__mobile-user strong { color: #fff; } /* Nav categorias */ html[data-theme="dark"] .fm-catnav { background: #14141d; border-bottom: 1px solid var(--d-border); } html[data-theme="dark"] .fm-catnav__tab { color: #d7d7de; } html[data-theme="dark"] .fm-catnav__tab:hover, html[data-theme="dark"] .fm-catnav__tab.is-active { color: #fff; } /* Coins badge (mantém o dourado, escurece o fundo) */ html[data-theme="dark"] .fm-hdr__coins { background: #2a2410; border-color: #6b5a1a; } /* Footer global (.fm-ft) */ html[data-theme="dark"] .fm-ft { background: #0b0b11; color: #8a8a96; } html[data-theme="dark"] .fm-ft__logo { color: #fff; } html[data-theme="dark"] .fm-ft__logo b { color: var(--d-red); } html[data-theme="dark"] .fm-ft__links a { color: #8a8a96 !important; } html[data-theme="dark"] .fm-ft__links a:hover { color: #fff !important; } html[data-theme="dark"] .fm-ft__copy { color: #5c5c68; } /* Alerta de segurança (fica com o vermelho-sangue — só reforça sombra) */ html[data-theme="dark"] .fm-alert { box-shadow: 0 2px 12px rgba(251,44,90,.2); } /* ═══════════════════════════════════════════════ HOME — HERO ═══════════════════════════════════════════════ */ html[data-theme="dark"] .fmx-hero { background: var(--d-bg); } html[data-theme="dark"] .fmx-hero__title { color: #fff; } html[data-theme="dark"] .fmx-hero__desc { color: var(--d-text-2); } html[data-theme="dark"] .fmx-hero__statline { color: var(--d-text-3); border-top-color: var(--d-border); } html[data-theme="dark"] .fmx-btn--outline { background: #1c1c28; color: #f2f2f5 !important; border-color: var(--d-border-2); } html[data-theme="dark"] .fmx-btn--outline:hover { border-color: var(--d-red); color: var(--d-red) !important; } html[data-theme="dark"] .fmx-hero__ph { background: var(--d-red-soft); color: var(--d-red); } /* HOME — BUSCA */ html[data-theme="dark"] .fmx-search { background: var(--d-bg); border-top: none; border-bottom: none; } html[data-theme="dark"] .fmx-search__title { color: #fff; } html[data-theme="dark"] .fmx-search__title em { color: var(--d-red); } html[data-theme="dark"] .fmx-search__sub { color: var(--d-text-2); } html[data-theme="dark"] .fmx-search__or { color: var(--d-text-3); } html[data-theme="dark"] .fmx-geo { background: var(--d-card); border: 1px solid var(--d-border); box-shadow: 0 8px 28px rgba(0,0,0,.4); } html[data-theme="dark"] .fmx-geo:hover { box-shadow: 0 12px 36px rgba(0,0,0,.5); } html[data-theme="dark"] .fmx-geo__city { color: #fff; } html[data-theme="dark"] .fmx-geo__sub { color: var(--d-text-3); } html[data-theme="dark"] .fmx-pill { background: rgba(255,255,255,.06); border-color: var(--d-border-2); color: #e7e7ee !important; } html[data-theme="dark"] .fmx-pill:hover { background: var(--d-red); color: #fff !important; border-color: var(--d-red); } /* HOME — ANUNCIAR */ html[data-theme="dark"] .fmx-anunciar { background: var(--d-bg); } html[data-theme="dark"] .fmx-anunciar__card { background: var(--d-card); border: 1px solid var(--d-border); box-shadow: 0 16px 48px rgba(0,0,0,.4); } html[data-theme="dark"] .fmx-anunciar__title { color: #fff; } html[data-theme="dark"] .fmx-anunciar__title em { color: var(--d-red); } html[data-theme="dark"] .fmx-anunciar__sub, html[data-theme="dark"] .fmx-anunciar__cta-text { color: var(--d-text-2); } html[data-theme="dark"] .fmx-anunciar__cta-text strong { color: #fff; } html[data-theme="dark"] .fmx-step__icon { background: var(--d-red-soft); border-color: rgba(251,44,90,.3); color: var(--d-red); } html[data-theme="dark"] .fmx-step h3 { color: #fff; } html[data-theme="dark"] .fmx-step h3 em { color: var(--d-red); } html[data-theme="dark"] .fmx-step p { color: var(--d-text-2); } /* HOME — PILLARS */ html[data-theme="dark"] .fmx-pillars { background: var(--d-bg-alt); } html[data-theme="dark"] .fmx-pillars__title { color: #fff; } html[data-theme="dark"] .fmx-pillars__title em { color: var(--d-red); } html[data-theme="dark"] .fmx-pillar h4 { color: #fff; } html[data-theme="dark"] .fmx-pillar p { color: var(--d-text-2); } html[data-theme="dark"] .fmx-pillars__ph { background: var(--d-red-soft); color: var(--d-red); } /* HOME — CATEGORIAS */ html[data-theme="dark"] .fmx-cats { background: var(--d-bg); } html[data-theme="dark"] .fmx-cats__title { color: #fff; } html[data-theme="dark"] .fmx-cats__title em { color: var(--d-red); } html[data-theme="dark"] .fmx-cats__sub { color: var(--d-text-2); } html[data-theme="dark"] .fmx-cat-card { background: var(--d-card); border: 1px solid var(--d-border); } html[data-theme="dark"] .fmx-cat-card__icon { background: var(--d-red-soft); color: var(--d-red); } html[data-theme="dark"] .fmx-cat-card__head h3 { color: #fff; } html[data-theme="dark"] .fmx-cat-card__head p { color: var(--d-text-2); } html[data-theme="dark"] .fmx-pill--cat { background: transparent; color: var(--d-red) !important; border-color: rgba(251,44,90,.5); } html[data-theme="dark"] .fmx-pill--cat:hover { background: var(--d-red); color: #fff !important; border-color: var(--d-red); } /* HOME — SOBRE / SEO */ html[data-theme="dark"] .fmx-about-seo { background: var(--d-bg-alt); } html[data-theme="dark"] .fmx-about-seo__title { color: #fff; } html[data-theme="dark"] .fmx-about-seo__title em { color: var(--d-red); } html[data-theme="dark"] .fmx-about-seo__body { color: var(--d-text-2); } html[data-theme="dark"] .fmx-about-seo__body strong { color: #fff; } html[data-theme="dark"] .fmx-about-seo__body a { color: var(--d-red); text-decoration-color: rgba(251,44,90,.4); } /* HOME — FAQ */ html[data-theme="dark"] .fmx-faq { background: var(--d-bg); } html[data-theme="dark"] .fmx-faq__title { color: #fff; } html[data-theme="dark"] .fmx-faq__title em { color: var(--d-red); } html[data-theme="dark"] .fmx-faq__item { background: var(--d-card); border-color: var(--d-border); } html[data-theme="dark"] .fmx-faq__item[open] { border-color: var(--d-red); box-shadow: 0 2px 12px rgba(251,44,90,.12); } html[data-theme="dark"] .fmx-faq__q { color: #fff; } html[data-theme="dark"] .fmx-faq__q i { color: var(--d-red); } html[data-theme="dark"] .fmx-faq__a { color: var(--d-text-2); border-top-color: var(--d-border); } /* HOME — seções legadas (caso apareçam) */ html[data-theme="dark"] .fm-home--xstyle .fm-seo { background: var(--d-bg-alt); border-top-color: var(--d-border); } html[data-theme="dark"] .fm-home--xstyle .fm-about { background: var(--d-bg); border-top-color: var(--d-border); } html[data-theme="dark"] .fm-seo__title, html[data-theme="dark"] .fm-about__header, html[data-theme="dark"] .fm-about__col-title { color: #fff; } html[data-theme="dark"] .fm-seo__body, html[data-theme="dark"] .fm-about__list a { color: var(--d-text-2); } html[data-theme="dark"] .fm-seo__body a, html[data-theme="dark"] .fm-about__list a:hover { color: var(--d-red); } /* ═══════════════════════════════════════════════════════════════════ LISTAGEM (archive) + FILTROS ═══════════════════════════════════════════════════════════════════ */ html[data-theme="dark"] .arch { background: var(--d-bg); color: var(--d-text); } html[data-theme="dark"] .arch-hero-area { background: var(--d-bg); border-bottom-color: var(--d-border); } /* Breadcrumb + títulos */ html[data-theme="dark"] .arch-bc { color: var(--d-text-3); } html[data-theme="dark"] .arch-bc a { color: var(--d-text-3) !important; } html[data-theme="dark"] .arch-bc a:hover { color: var(--d-red) !important; } html[data-theme="dark"] .arch-bc .arr { color: #55555f; } html[data-theme="dark"] .arch-bc strong { color: var(--d-text-2); } html[data-theme="dark"] .arch-h1 { color: #fff; } html[data-theme="dark"] .arch-sub { color: var(--d-text-3); } html[data-theme="dark"] .arch-sub__trust { color: var(--d-text-2); } html[data-theme="dark"] .arch-count-bar__num { color: #fff; } html[data-theme="dark"] .arch-count-bar__label, html[data-theme="dark"] .arch-count-bar__txt { color: var(--d-text-2); } html[data-theme="dark"] .arch-count-bar__sep { color: #44444e; } /* Gênero + chips de filtro */ html[data-theme="dark"] .arch-gender a { border-color: var(--d-border-2); color: var(--d-text-2) !important; } html[data-theme="dark"] .arch-gender a:hover { border-color: var(--d-red); color: #fff !important; } html[data-theme="dark"] .arch-gender a.on { background: var(--d-red); color: #fff !important; border-color: var(--d-red); } html[data-theme="dark"] .arch-filters__chip { background: var(--d-card); color: var(--d-text-2) !important; border-color: var(--d-border); } html[data-theme="dark"] .arch-filters__chip:hover { background: var(--d-red-soft); border-color: rgba(251,44,90,.4); color: var(--d-red) !important; } html[data-theme="dark"] .arch-filters__view { background: var(--d-card); border-color: var(--d-border); color: var(--d-text-3); } html[data-theme="dark"] .arch-filters__view.on { background: #2a2a38; color: #fff; border-color: var(--d-border-2); } html[data-theme="dark"] .arch-filters__view:hover:not(.on) { color: var(--d-text-2); } html[data-theme="dark"] .arch-filters__btn { background: var(--d-card); color: var(--d-text-2); border-color: var(--d-border); } html[data-theme="dark"] .arch-filters__btn--red:hover { background: var(--d-red-soft); } /* Stories */ html[data-theme="dark"] .arch-story__name { color: var(--d-text-2); } /* CARDS */ html[data-theme="dark"] .arch-card { background: var(--d-card); border-color: var(--d-border); } html[data-theme="dark"] .arch-card__link { color: var(--d-text) !important; } html[data-theme="dark"] .arch-card__img, html[data-theme="dark"] .arch-card__ph { background: #23232f; } html[data-theme="dark"] .arch-card__name, html[data-theme="dark"] .arch-card__name * { color: #fff !important; } html[data-theme="dark"] .arch-card__age { color: var(--d-text-3); } html[data-theme="dark"] .arch-card__m, html[data-theme="dark"] .arch-card__m * { color: var(--d-text-2) !important; } html[data-theme="dark"] .arch-card__bio, html[data-theme="dark"] .arch-card__bio *, html[data-theme="dark"] .arch-card__phrase, html[data-theme="dark"] .arch-card__phrase * { color: var(--d-text-3) !important; border-top-color: var(--d-border); } html[data-theme="dark"] .arch-card__pf { background: #2a2a38; color: var(--d-text-2) !important; border-color: var(--d-border) !important; } html[data-theme="dark"] .arch-card__cta--off { background: #2a2a38; color: var(--d-text-3) !important; } /* Paginação */ html[data-theme="dark"] .arch-pag .page-numbers { background: #23232f; color: var(--d-text-2) !important; } html[data-theme="dark"] .arch-pag .page-numbers:hover { background: #2f2f3d; color: #fff !important; } html[data-theme="dark"] .arch-pag .page-numbers.current { background: var(--d-red); color: #fff !important; } /* Localidades / About / FAQ / SEO (rodapé do archive) */ html[data-theme="dark"] .arch-loc h2, html[data-theme="dark"] .arch-about h2, html[data-theme="dark"] .arch-faq-sec h2 { color: #fff; } html[data-theme="dark"] .arch-loc__pill { border-color: var(--d-border-2); color: var(--d-text-2) !important; } html[data-theme="dark"] .arch-loc__pill:hover { background: var(--d-red); border-color: var(--d-red); color: #fff !important; } html[data-theme="dark"] .arch-about, html[data-theme="dark"] .arch-faq-sec { background: var(--d-bg-alt); border-top-color: var(--d-border); } html[data-theme="dark"] .arch-media__logo { color: #fff; } html[data-theme="dark"] .arch-media__txt { color: var(--d-text-2); } html[data-theme="dark"] .arch-faq__q { color: var(--d-text); } html[data-theme="dark"] .arch-faq__a, html[data-theme="dark"] .arch-faq-card__a { color: var(--d-text-2); } html[data-theme="dark"] .arch-seo { background: var(--d-bg-alt); } html[data-theme="dark"] .arch-seo p { color: var(--d-text-2); } html[data-theme="dark"] .arch-seo p strong { color: #fff; } /* Trust / faq-card / explore */ html[data-theme="dark"] .arch-trust__item, html[data-theme="dark"] .arch-faq-card { background: var(--d-card); } html[data-theme="dark"] .arch-trust__icon, html[data-theme="dark"] .arch-trust--top .arch-trust__icon { background: var(--d-bg-alt); border-color: var(--d-border); } html[data-theme="dark"] .arch-trust__item h3, html[data-theme="dark"] .arch-trust--top .arch-trust__item h3, html[data-theme="dark"] .arch-faq-card__q { color: #fff; } html[data-theme="dark"] .arch-trust__item p, html[data-theme="dark"] .arch-trust--top .arch-trust__item p, html[data-theme="dark"] .arch-faq-card__a { color: var(--d-text-2); } html[data-theme="dark"] .arch-explore__col h3 { color: #fff; } html[data-theme="dark"] .arch-explore__col a { color: var(--d-text-2); } /* ── SIDEBAR DE FILTROS ── */ html[data-theme="dark"] .arch-sidebar { background: var(--d-card); border-color: var(--d-border); } html[data-theme="dark"] .arch-sidebar::-webkit-scrollbar-thumb { background: #3a3a48; } html[data-theme="dark"] .arch-sb-title { color: #fff; } html[data-theme="dark"] .arch-sb-cat { color: var(--d-text-2); } html[data-theme="dark"] .arch-sb-cat:hover { background: var(--d-red-soft); color: var(--d-red); } html[data-theme="dark"] .arch-sb-cat.is-active { background: var(--d-red-soft); border-color: var(--d-red); color: var(--d-red); } html[data-theme="dark"] .arch-sb-link { color: var(--d-text-2); } html[data-theme="dark"] .arch-sb-link:hover { background: rgba(255,255,255,.05); color: var(--d-red); } html[data-theme="dark"] .arch-sb-link.is-active { background: var(--d-red-soft); color: var(--d-red); } html[data-theme="dark"] .arch-sb-link span, html[data-theme="dark"] .arch-sb-check__count { color: var(--d-text-3); } html[data-theme="dark"] .arch-sb-check { color: var(--d-text-2); } html[data-theme="dark"] .arch-sb-check:hover { background: rgba(255,255,255,.05); } html[data-theme="dark"] .arch-sb-check__box { border-color: #4a4a58; } html[data-theme="dark"] .arch-sb-pill { background: transparent; border-color: var(--d-border-2); color: var(--d-text-2); } html[data-theme="dark"] .arch-sb-pill:hover { border-color: var(--d-red); color: var(--d-red); } /* ── MODAIS (filtros / distância / bairros) ── */ html[data-theme="dark"] .arch-modal, html[data-theme="dark"] .arch-dist__panel { background: var(--d-card); color: var(--d-text); } html[data-theme="dark"] .arch-modal__header, html[data-theme="dark"] .arch-modal__footer { background: var(--d-card); border-color: var(--d-border); } html[data-theme="dark"] .arch-modal__title { color: #fff; } html[data-theme="dark"] .arch-modal__label { color: var(--d-text-3); } html[data-theme="dark"] .arch-modal__close { background: #2a2a38; border-color: var(--d-border); color: var(--d-text-2); } html[data-theme="dark"] .arch-modal__clear, html[data-theme="dark"] .arch-modal__result { color: var(--d-text-3); } html[data-theme="dark"] .arch-mpill--cat { background: transparent; border-color: var(--d-border-2); color: var(--d-text-2); } html[data-theme="dark"] .arch-mpill--cat:hover { background: var(--d-red-soft); border-color: rgba(251,44,90,.4); color: var(--d-red); } html[data-theme="dark"] .arch-dist__back:hover { background: rgba(255,255,255,.06); } html[data-theme="dark"] .arch-dist__title { color: #fff; } html[data-theme="dark"] .arch-dist__desc { color: var(--d-text-2); } html[data-theme="dark"] .arch-modal-overlay { background: rgba(0,0,0,.6); } /* Bairro modal */ html[data-theme="dark"] .arch-bmodal__item-label:hover { background: rgba(255,255,255,.05); } html[data-theme="dark"] .arch-bmodal__radio { background: var(--d-card); } html[data-theme="dark"] .arch-bmodal__count { background: #2a2a38; color: var(--d-text-2); } html[data-theme="dark"] .arch-bmodal__footer { background: var(--d-bg-alt); } html[data-theme="dark"] .arch-bmodal__cancel { background: var(--d-card); border-color: var(--d-border-2); color: var(--d-text-2); } html[data-theme="dark"] .arch-bmodal__cancel:hover { background: rgba(255,255,255,.05); } /* ═══════════════════════════════════════════════════════════════════ FOOTER RICO (.fm-ft--rich) + BARRA INFERIOR MOBILE (.fm-bb) ═══════════════════════════════════════════════════════════════════ */ html[data-theme="dark"] .fm-ft--rich { background: #0b0b11; color: var(--d-text-2); border-top-color: var(--d-border); } html[data-theme="dark"] .fm-ft__col h3.fm-ft__h { color: #fff; border-bottom-color: var(--d-border); } html[data-theme="dark"] .fm-ft__col a { color: var(--d-text-2); } html[data-theme="dark"] .fm-ft__col a:hover { color: var(--d-red); } html[data-theme="dark"] .fm-ft__legal a { color: var(--d-text-3); } html[data-theme="dark"] .fm-ft__bottom { border-top-color: var(--d-border); } html[data-theme="dark"] .fm-ft--rich .fm-ft__logo { color: #fff; } html[data-theme="dark"] .fm-ft--rich .fm-ft__logo b { color: var(--d-red); } html[data-theme="dark"] .fm-ft--rich .fm-ft__copy, html[data-theme="dark"] .fm-ft__clock-wrap { color: var(--d-text-3); } html[data-theme="dark"] .fm-bb { background: #14141d; border-top-color: var(--d-border); box-shadow: 0 -2px 12px rgba(0,0,0,.4); } html[data-theme="dark"] .fm-bb__item { color: var(--d-text-3); } html[data-theme="dark"] .fm-bb__item:hover, html[data-theme="dark"] .fm-bb__item.on { color: var(--d-red); } /* ── LIST VIEW (Skokka-style) — regras com !important e alta especificidade ── */ html[data-theme="dark"] .arch-grid[data-view="list"] .arch-card { background: var(--d-card) !important; border-color: var(--d-border) !important; } html[data-theme="dark"] .arch-grid[data-view="list"] .arch-card:hover { background: var(--d-card-2) !important; border-color: var(--d-border-2) !important; box-shadow: 0 6px 24px rgba(0,0,0,.5); } html[data-theme="dark"] .arch-grid[data-view="list"] .arch-card__age { color: var(--d-text-2) !important; } html[data-theme="dark"] .arch-grid[data-view="list"] .arch-card__phrase { color: var(--d-text-2) !important; } html[data-theme="dark"] .arch-grid[data-view="list"] .arch-card__bio { color: var(--d-text-3) !important; } html[data-theme="dark"] .arch-grid[data-view="list"] .arch-card__price { color: #fff !important; } html[data-theme="dark"] .arch-grid[data-view="list"] .arch-card__m { color: var(--d-text-2) !important; } html[data-theme="dark"] .arch-grid[data-view="list"] .arch-card__cta--off { background: #2a2a38 !important; color: var(--d-text-3) !important; } /* ═══════════════════════════════════════════════════════════════════ PERFIL (single .fp-*) — tokenizado: redefine os --fm-* no escopo .fp ═══════════════════════════════════════════════════════════════════ */ html[data-theme="dark"] .fp { --fm-text: #f2f2f5; --fm-text-2: #a7a7b3; --fm-text-3: #71717f; --fm-border: rgba(255,255,255,.08); --fm-border-lt: rgba(255,255,255,.06); --fm-bg: #1c1c28; /* usado por cards/pills/avatares */ --fm-bg-alt: #23232f; --fm-red: #fb2c5a; --fm-red-light: #26121c; --fm-red-bg: #2a1520; --fm-shadow: 0 2px 8px rgba(0,0,0,.4); --fm-shadow-lg: 0 8px 24px rgba(0,0,0,.5); background: #0f0f16; } /* containers de página = fundo base (mais escuro que os cards) */ html[data-theme="dark"] .fp-hero, html[data-theme="dark"] .fp-sec, html[data-theme="dark"] .fp-bc { background: #0f0f16; } html[data-theme="dark"] .fp-nav { background: #14141d; } /* hardcoded que não usam var */ html[data-theme="dark"] .fp-badge--green { background: #0f2416; color: #4ade80; } html[data-theme="dark"] .fp-rates__l { color: var(--fm-text-2); } html[data-theme="dark"] .fp-rates__v { color: #fff; } html[data-theme="dark"] .fp-rates-pay__title { color: var(--fm-text-3); } html[data-theme="dark"] .fp-rates-pay__pill { background: #23232f; border-color: var(--fm-border); color: var(--fm-text); } html[data-theme="dark"] .fp-rates-pay__pill:hover { background: #2a2a38; border-color: var(--fm-red); } html[data-theme="dark"] .fp-rates__v, html[data-theme="dark"] .fp-created { color: var(--fm-text); } /* ── PERFIL: vence os