/* ===== PalomAI – tema base (suave) ===== */ :root{ --pm-blue:#1d4ed8; --pm-green:#059669; --pm-orange:#ea580c; --pm-pink:#db2777; --pm-purple:#7c3aed; --ink:#0f172a; --muted:#64748b; --border:#e5e7eb; --bg:#ffffff; --card:#ffffff; --ink-soft:#1e293b; --muted-soft:#6b7280; --border-soft:#e2e8f0; --bg-soft:#fafafa; --ring:#1d4ed8; --ring-offset:#ffffff; --shadow:0 10px 28px rgba(2,6,23,.10); --shadow-strong:0 14px 40px rgba(2,6,23,.18); --grad:linear-gradient(135deg,#dbeafe 0%,#dcfce7 45%,#ffedd5 90%); } *{box-sizing:border-box} html,body{ color:var(--ink); background:var(--bg); font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; } a,button,.btn{ transition:color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .navbar{background:#fff;border-bottom:2px solid var(--border-soft)} .navbar-brand{font-weight:800;color:var(--pm-blue)!important} .hero{background:var(--grad)} .hero-badge{display:inline-block;padding:.45rem .75rem;border-radius:999px;background:#fff;border:1px solid var(--border);font-weight:800} .btn-accent{background:var(--pm-orange);border-color:var(--pm-orange);color:#fff} .btn-green{background:var(--pm-green);border-color:var(--pm-green);color:#fff} .btn-pink{background:var(--pm-pink);border-color:var(--pm-pink);color:#fff} .btn-purple{background:var(--pm-purple);border-color:var(--pm-purple);color:#fff} .btn:hover{transform:translateY(-1px); box-shadow:var(--shadow)} .card{border:1px solid var(--border);border-radius:1rem;background:var(--card);box-shadow:var(--shadow)} .shadow-soft{box-shadow:var(--shadow)} .feature-icon{width:54px;height:54px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--border)} .pill{display:inline-block;background:#fff;border:1px solid var(--border);padding:.35rem .7rem;border-radius:999px;font-weight:700} .kpi{font-weight:800} .gallery .game-card{border:1px solid var(--border);border-radius:1rem;overflow:hidden;background:#fff} .gallery .tag{font-size:.75rem;background:#f1f5f9;border-radius:999px;padding:.15rem .5rem} .badge-soft{background:#fee2e2;color:#b91c1c} .footer{color:#475569} .link-underline{text-decoration:underline;text-underline-offset:3px} /* toggle acessível – já no seu CSS */ .accessible-toggle input{display:none} .accessible-toggle .switch{width:52px;height:28px;border-radius:999px;background:#e2e8f0;position:relative;cursor:pointer} .accessible-toggle .dot{width:22px;height:22px;border-radius:999px;background:#fff;position:absolute;top:3px;left:3px;transition:.2s} .accessible-toggle input:checked + .switch .dot{left:27px;background:#22c55e} /* foco visível (para teclado) */ :focus-visible{ outline:2px solid var(--ring); outline-offset:3px; } .btn:focus-visible, .form-control:focus-visible, .card:focus-within{ box-shadow:0 0 0 3px var(--ring), 0 0 0 6px var(--ring-offset); } /* ===== Modo noturno Alto Contraste (usa o mesmo toggle: ) ===== */ html[data-contrast="hc"]{ /* Paleta escura */ --bg:#0b1220; /* fundo geral (navy bem escuro) */ --card:#0f172a; /* cartões/navbar (slate escuro) */ --ink:#e5e7eb; /* texto principal */ --muted:#e5e7eb; /* texto secundário */ --border:#243244; /* divisórias */ --border-soft:#243244; /* Acessibilidade/realce */ --ring:#22d3ee; /* foco ciano */ --ring-offset:#0b1220; /* Sombras mais sutis no escuro */ --shadow:0 10px 28px rgba(0,0,0,.35); --shadow-strong:0 18px 48px rgba(0,0,0,.45); /* Hero escuro com leve gradiente */ --grad:linear-gradient(135deg,#0b1220 0%,#0e2630 45%,#1b2640 100%); } html[data-contrast="hc"] body{ background:var(--bg); color:var(--ink); } /* superfícies/esqueleto */ html[data-contrast="hc"] .navbar{ background:var(--card); border-bottom:1px solid var(--border); } html[data-contrast="hc"] .hero{ background:var(--grad); } html[data-contrast="hc"] .card{ background:var(--card); border-color:var(--border); box-shadow:var(--shadow); } html[data-contrast="hc"] hr, html[data-contrast="hc"] .table{ border-color:var(--border); } /* elementos de UI */ html[data-contrast="hc"] .feature-icon{ background:rgba(255,255,255,.06); border-color:var(--border); } html[data-contrast="hc"] .pill{ background:rgba(255,255,255,.06); border-color:var(--border); color:var(--ink); } html[data-contrast="hc"] .gallery .game-card{ border-color:var(--border); background:var(--card); } html[data-contrast="hc"] .gallery .tag{ background:rgba(255,255,255,.08); color:var(--ink); } /* tipografia */ html[data-contrast="hc"] .text-muted, html[data-contrast="hc"] .muted { color:var(--muted)!important; } /* botões: mantêm as cores fortes e melhoram o hover no escuro */ html[data-contrast="hc"] .btn:hover{ box-shadow:var(--shadow-strong); transform:translateY(-1px); } html[data-contrast="hc"] .btn-outline-secondary{ color:var(--ink); border-color:var(--border); } html[data-contrast="hc"] .btn-outline-secondary:hover{ background:rgba(255,255,255,.06); } /* badges/chips */ html[data-contrast="hc"] .hero-badge{ background:rgba(255,255,255,.06); border-color:var(--border); color:var(--ink); } /* Garantir texto claro em todos os elementos no modo noturno */ html[data-contrast="hc"] body, html[data-contrast="hc"] h1, html[data-contrast="hc"] h2, html[data-contrast="hc"] h3, html[data-contrast="hc"] h4, html[data-contrast="hc"] h5, html[data-contrast="hc"] h6, html[data-contrast="hc"] p, html[data-contrast="hc"] span, html[data-contrast="hc"] a, html[data-contrast="hc"] .nav-link, html[data-contrast="hc"] .lead, html[data-contrast="hc"] .section-title, html[data-contrast="hc"] .card, html[data-contrast="hc"] .card * { color: var(--ink) !important; } /* foco visível continua funcionando com os novos tokens */