/* ============================================================================ marca.css — a identidade do Taskia: o verde do template vira o roxo da marca ---------------------------------------------------------------------------- A paleta do sistema mora em `public/css/palette.css`, que é **Core Protegido**: editá-la aqui faria o hook pre-commit separar o arquivo para `template/main` e pintar de roxo TODOS os derivados. A cor é do Taskia, não da família. Por isso este arquivo não substitui nada: ele **redefine** os tokens de acento depois que a paleta já foi aplicada. Quem o carrega é o próprio layout — `views-nova-ui/layouts/home.blade.php` faz `file_exists(public_path('css/marca.css'))` e o injeta logo após o `palette.css`, no ``, depois do `styles.css` do Core. Derivado sem o arquivo não carrega nada. ⚠️ **Este arquivo já se chamou `taskia-acento.css`** e entrava pelo `@stack('post-content')`, empurrado por um `TaskiaAcentoProvider` e uma partial. Não era gambiarra: em 21/08/2026 ele nasceu às 10:14, e o suporte a `marca.css` só chegou ao projeto às 10:32, pelo hook de separação de template — dezoito minutos depois. A solução estava certa quando foi feita e ficou obsoleta no mesmo dia, sem ninguém notar. Renomeado em 25/08/2026, com o provider, a partial e o registro removidos: três arquivos para fazer o que o layout já faz de graça. O nome importa além da arrumação: o `ContrasteDoAcentoTest` do Core procura `public/css/marca.css` por caminho fixo. Enquanto o arquivo teve outro nome, o Taskia ficou FORA da régua de legibilidade da família — verde por ausência, que é o pior tipo de verde. Só os tokens de ACENTO mudam. A escada de luminância, as hairlines, o texto, o aviso e o perigo continuam sendo os da família: o que identifica o produto é a cor de marca, e trocar o resto faria um sistema que não parece mais parente dos irmãos. Referência da marca (artefato transversal da identidade Tekton): hexágono em gradiente #6835D2 → #D682FB. ============================================================================ */ /* ---------------------------------------------------------------------------- TEMA ESCURO — roxo que sustenta contraste sobre o near-black ---------------------------------------------------------------------------- */ html[data-bs-theme='dark'], .nova-ui[data-bs-theme='dark'], html[data-bs-theme='dark'] .nova-ui, .nova-ui-shell[data-bs-theme='dark'], html[data-bs-theme='dark'] .nova-ui-shell, .nui-app[data-bs-theme='dark'], html[data-bs-theme='dark'] .nui-app { /* Mais claro que o roxo da marca: #6835D2 puro sobre near-black fica escuro demais para texto de botão e para o item ativo do menu. */ --nui-accent: #8a5cf0; --nui-accent-strong: #6835d2; --nui-accent-soft-bg: #1d1630; --nui-accent-soft-tx: #c4a6fb; /* Conteúdo SOBRE o acento. No dark o template usa um tom quase preto da própria matiz — o branco "estoura" contra cor saturada. */ --nui-on-accent: #0d0618; --bs-primary: var(--nui-accent); --bs-primary-rgb: 138, 92, 240; --bs-primary-bg-subtle: var(--nui-accent-soft-bg); --bs-primary-border-subtle: var(--nui-accent-strong); --bs-primary-text-emphasis: var(--nui-accent-soft-tx); --bs-link-color: var(--nui-accent-soft-tx); --bs-link-color-rgb: 196, 166, 251; --bs-link-hover-color: var(--nui-accent); } /* ---------------------------------------------------------------------------- TEMA CLARO — o roxo da marca, que sobre o creme já tem contraste de sobra ---------------------------------------------------------------------------- */ html[data-bs-theme='light'], .nova-ui[data-bs-theme='light'], html[data-bs-theme='light'] .nova-ui, .nova-ui-shell[data-bs-theme='light'], html[data-bs-theme='light'] .nova-ui-shell, .nui-app[data-bs-theme='light'], html[data-bs-theme='light'] .nui-app { --nui-accent: #6835d2; --nui-accent-strong: #5426b0; --nui-accent-soft-bg: #ede4ff; --nui-accent-soft-tx: #5426b0; --nui-on-accent: #ffffff; --bs-primary: var(--nui-accent); --bs-primary-rgb: 104, 53, 210; --bs-primary-bg-subtle: var(--nui-accent-soft-bg); --bs-primary-border-subtle: var(--nui-accent-strong); --bs-primary-text-emphasis: var(--nui-accent-soft-tx); --bs-link-color: var(--nui-accent-strong); --bs-link-color-rgb: 84, 38, 176; --bs-link-hover-color: var(--nui-accent); } /* ---------------------------------------------------------------------------- Bootstrap não deriva TUDO das variáveis: algumas classes trazem o verde compilado. Estas são as que aparecem nas telas do Taskia. ---------------------------------------------------------------------------- */ .btn-primary { --bs-btn-bg: var(--nui-accent-strong); --bs-btn-border-color: var(--nui-accent-strong); --bs-btn-hover-bg: var(--nui-accent); --bs-btn-hover-border-color: var(--nui-accent); --bs-btn-active-bg: var(--nui-accent-strong); --bs-btn-active-border-color: var(--nui-accent-strong); --bs-btn-disabled-bg: var(--nui-accent-strong); --bs-btn-disabled-border-color: var(--nui-accent-strong); } .text-bg-primary { background-color: var(--nui-accent-strong) !important; color: #fff !important; } .text-primary { color: var(--nui-accent-soft-tx) !important; }