/* ═══════════════════════════════════════════════════════════════════════ AutoPrime — Tema central (claro/escuro) · Fase 1 Tokens globais consumidos pelas páginas migradas. O escuro é o padrão (mantém a aparência atual); o claro é a "Opção A — cinza suave" aprovada. Alterna via . Reversível: apagar este arquivo, o no master e o partial theme-toggle. ═══════════════════════════════════════════════════════════════════════ */ :root, html[data-theme="dark"] { --ap-bg: #0f1117; --ap-panel: #171a24; --ap-panel2: #1e2330; --ap-line: #2b3040; --ap-fl: #3a4260; /* borda de campo mais forte */ --ap-muted: #9aa4bb; --ap-text: #e8ecf5; --ap-acc: #0055FF; /* azul da marca */ --ap-acc-soft: rgba(0,85,255,.20); --ap-input-bg: rgba(255,255,255,.06); --ap-sticky: #12151fee; /* fundo das abas fixas */ --ap-pill: rgba(0,0,0,.30); --ap-green: #4ade80; --ap-shadow: none; --ap-head: #12151f; /* fundo do cabeçalho de card */ --ap-headtx: #7fb0ff; /* texto do cabeçalho de card */ } html[data-theme="light"] { --ap-bg: #eef1f7; --ap-panel: #ffffff; --ap-panel2: #f6f8fc; --ap-line: #dde3ee; --ap-fl: #cdd6e6; --ap-muted: #5b6576; --ap-text: #1a2233; --ap-acc: #0055FF; --ap-acc-soft: rgba(0,85,255,.14); --ap-input-bg: #f7f9fc; --ap-sticky: #eef1f7f2; --ap-pill: rgba(0,85,255,.10); --ap-green: #0f9d58; /* verde legível sobre branco */ --ap-shadow: 0 1px 3px rgba(20,40,80,.06); --ap-head: #eaf1ff; /* cabeçalho de card azul-clarinho (Opção A) */ --ap-headtx: #0055FF; } /* ── Botão de tema na navbar (Opção 2: rotulado + switch) ── */ #ap-theme-toggle{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;margin-right:6px;border-radius:9px;border:1px solid #d4ddf0;background:#fff;color:#334155;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:border-color .15s} #ap-theme-toggle:hover{border-color:#0055FF} #ap-theme-toggle .ap-tt-ic{font-size:15px;line-height:1} #ap-theme-toggle .ap-tt-label::after{content:"Modo escuro"} #ap-theme-toggle .ap-tt-sw{width:34px;height:18px;border-radius:20px;background:#cbd5e1;position:relative;flex:none;transition:background .15s} #ap-theme-toggle .ap-tt-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s} /* modo claro ativo → mostra "🌙 Modo escuro" (ação), switch desligado */ #ap-theme-toggle .sun{display:none} #ap-theme-toggle .moon{display:inline} /* modo escuro ativo → mostra "☀️ Modo claro", switch ligado, botão escuro */ html[data-theme="dark"] #ap-theme-toggle{background:#1a1e2e;border-color:#2b3040;color:#e8ecf5} html[data-theme="dark"] #ap-theme-toggle .moon{display:none} html[data-theme="dark"] #ap-theme-toggle .sun{display:inline} html[data-theme="dark"] #ap-theme-toggle .ap-tt-label::after{content:"Modo claro"} html[data-theme="dark"] #ap-theme-toggle .ap-tt-sw{background:#0055FF} html[data-theme="dark"] #ap-theme-toggle .ap-tt-knob{left:18px} @media(max-width:640px){#ap-theme-toggle .ap-tt-label{display:none}#ap-theme-toggle{padding:0 9px}}