/* * --text, --accent, --accent-text e --radius NÃO estão mais aqui -- * moveram pra tokens.css (item 25), que agora é a única fonte desses 4 * nomes. A aparência de hoje é preservada pela classe .legacy-shell (no * de index/wall/tutorial), que redeclara os valores antigos * exatos abaixo. --accent-dim fica aqui mesmo -- não colide, e seu valor * rgba já é literal (não referencia var(--accent)). */ :root { --bg: #1a2226; --bg-alt: #1f2a2f; --panel: #2b363b; --panel2: #344146; --border: #3f4c52; --muted: #9aa8ac; --accent-dim: rgba(242, 161, 52, .18); --green: #3fb950; --red: #f85149; --yellow: #d29922; --shadow: 0 4px 18px rgba(0, 0, 0, .35); } /* Item pedido pelo cliente: modo claro, escolha do usuário (persistido em users.preferences.theme via PUT /api/auth/me/preferences, aplicado no boot -- ver applyTheme() em app.js). Mantém o mesmo âmbar de marca (--accent/--accent-text vêm do .legacy-shell, ver nota abaixo) -- só o fundo/superfícies/texto neutro trocam. */ :root[data-theme="light"] { --bg: #f6f4ef; --bg-alt: #ffffff; --panel: #ffffff; --panel2: #f0ece3; --border: #ddd6c8; --muted: #766f60; --accent-dim: rgba(217, 134, 10, .13); --green: #1a7f37; --red: #cf222e; --yellow: #9a6700; --shadow: 0 2px 12px rgba(40, 35, 20, .1); } /* --text/--accent-text são redeclarados pelo .legacy-shell (ver tokens.css) direto no , o que vence a herança de :root -- precisa de uma regra pelo menos tão específica quanto essa, mirando body, pra ganhar no claro. */ html[data-theme="light"] body.legacy-shell { --text: #2a2620; --accent-text: #1a2226; } * { box-sizing: border-box; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; } } body { margin: 0; font-family: var(--font-sans, -apple-system, "Segoe UI", Roboto, system-ui, sans-serif); background: var(--bg); color: var(--text); font-size: 15.5px; } button { cursor: pointer; background: var(--accent); color: var(--accent-text); border: none; border-radius: 7px; padding: 8px 14px; font-size: 15px; font-weight: 500; transition: filter .15s ease, transform .05s ease; } button:hover { filter: brightness(1.1); } button:active { transform: translateY(1px); } button:disabled { opacity: .5; cursor: not-allowed; } button.ghost, a.ghost { background: var(--panel2); color: var(--text); } button.ghost:hover, a.ghost:hover { background: #232f3d; filter: none; } input:not([type="checkbox"]):not([type="radio"]), select, textarea { background: var(--panel2); border: 1px solid var(--border); color: var(--text); border-radius: 7px; padding: 8px 10px; font-size: 15px; } textarea { font-family: inherit; resize: vertical; width: 100%; } /* Multi-select nativo (config em lote, rota de notificação) fica muito cru por padrão -- só o hint "Ctrl/Cmd+clique" dava conta de indicar o comportamento. Opção marcada ganha destaque de cor + linha lateral, linhas ganham respiro/hover -- sem trocar o