/* ArqApp, variação 1 (Templo). Tokens derivados do Manual Castelapi 1.3.1, p. 6 e p. 11. Contraste calculado com a fórmula de luminância relativa da WCAG 2.1. 4,5:1 é o mínimo AA para texto comum; 3:1 vale para gráfico (símbolo, anel de foco) e texto grande (a partir de 24 px, ou 18,66 px em negrito). */ :root { --arqapp-fundo: #F6F3EC; /* osso, manual p. 6 */ --arqapp-superficie: #F1ECE0; /* osso-suave, manual p. 11 */ --arqapp-linha: #E3DCCB; /* linha, manual p. 11 */ --arqapp-texto: #252B33; /* grafite, manual p. 6 */ --arqapp-texto-fraco: #6D6559; /* texto fraco do painel (marca.blade.php), cinza-fosco escurecido até 4,5:1 */ --arqapp-simbolo: #252B33; /* grafite, manual p. 6 */ --arqapp-palavra: #252B33; /* grafite, manual p. 6 */ --arqapp-faixa: #F6F3EC; /* osso, manual p. 6 */ --arqapp-faixa-texto: #252B33; /* grafite, manual p. 6 */ --arqapp-faixa-simbolo: #252B33; /* grafite, manual p. 6 */ --arqapp-destaque: #D9982F; /* mel, manual p. 6 */ --arqapp-destaque-texto: #7D5A16; /* mel-texto, manual p. 6 */ --arqapp-acao: #252B33; /* grafite, manual p. 6 */ --arqapp-acao-texto: #F6F3EC; /* osso, manual p. 6 */ --arqapp-link: #9E4A28; /* terracota-texto, manual p. 6 */ --arqapp-foco: #D9982F; /* mel, manual p. 6 */ --arqapp-sucesso: #3D6B44; /* sucesso, manual p. 11 */ --arqapp-raio: 4px; /* manual p. 11 */ --arqapp-fonte-titulo: 'Sora', ui-sans-serif, system-ui, sans-serif; /* manual p. 7, peso 600 */ --arqapp-fonte-corpo: 'Archivo', ui-sans-serif, system-ui, sans-serif; /* manual p. 7, 400 e 600 */ --arqapp-fonte-mono: 'IBM Plex Mono', ui-monospace, monospace; /* manual p. 7, 400 */ } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --arqapp-fundo: #20242B; /* grafite-profundo, manual p. 11 */ --arqapp-superficie: #252B33; /* grafite, manual p. 6 */ --arqapp-linha: rgba(246, 243, 236, 0.14); /* linha do painel no escuro (osso a 14%) */ --arqapp-texto: #F6F3EC; /* osso, manual p. 6 */ --arqapp-texto-fraco: #9AA3B2; /* grafite-suave, manual p. 11 */ --arqapp-simbolo: #F6F3EC; /* osso, manual p. 6 */ --arqapp-palavra: #F6F3EC; /* osso, manual p. 6 */ --arqapp-faixa: #252B33; /* grafite, manual p. 6 */ --arqapp-faixa-texto: #F6F3EC; /* osso, manual p. 6 */ --arqapp-faixa-simbolo: #F6F3EC; /* osso, manual p. 6 */ --arqapp-destaque: #D9982F; /* mel, manual p. 6 */ --arqapp-destaque-texto: #D9982F; /* mel, manual p. 6 */ --arqapp-acao: #D9982F; /* mel, manual p. 6 */ --arqapp-acao-texto: #252B33; /* grafite, manual p. 6 */ --arqapp-link: #D9982F; /* mel, manual p. 6 */ --arqapp-foco: #D9982F; /* mel, manual p. 6 */ --arqapp-sucesso: #7FB08A; /* sucesso clareado do painel (marca.blade.php) */ } } :root[data-theme="dark"] { --arqapp-fundo: #20242B; /* grafite-profundo, manual p. 11 */ --arqapp-superficie: #252B33; /* grafite, manual p. 6 */ --arqapp-linha: rgba(246, 243, 236, 0.14); /* linha do painel no escuro (osso a 14%) */ --arqapp-texto: #F6F3EC; /* osso, manual p. 6 */ --arqapp-texto-fraco: #9AA3B2; /* grafite-suave, manual p. 11 */ --arqapp-simbolo: #F6F3EC; /* osso, manual p. 6 */ --arqapp-palavra: #F6F3EC; /* osso, manual p. 6 */ --arqapp-faixa: #252B33; /* grafite, manual p. 6 */ --arqapp-faixa-texto: #F6F3EC; /* osso, manual p. 6 */ --arqapp-faixa-simbolo: #F6F3EC; /* osso, manual p. 6 */ --arqapp-destaque: #D9982F; /* mel, manual p. 6 */ --arqapp-destaque-texto: #D9982F; /* mel, manual p. 6 */ --arqapp-acao: #D9982F; /* mel, manual p. 6 */ --arqapp-acao-texto: #252B33; /* grafite, manual p. 6 */ --arqapp-link: #D9982F; /* mel, manual p. 6 */ --arqapp-foco: #D9982F; /* mel, manual p. 6 */ --arqapp-sucesso: #7FB08A; /* sucesso clareado do painel (marca.blade.php) */ } /* Contraste conferido, tema claro: texto sobre fundo 12,87:1 AA texto corrido texto sobre superficie 12,10:1 AA texto em cartão texto-fraco sobre fundo 5,18:1 AA texto secundário texto-fraco sobre superficie 4,87:1 AA texto secundário em cartão link sobre fundo 5,47:1 AA link link sobre superficie 5,14:1 AA link em cartão destaque-texto sobre fundo 5,66:1 AA número ou rótulo em destaque acao-texto sobre acao 12,87:1 AA texto do botão principal faixa-texto sobre faixa 12,87:1 AA texto do cabeçalho palavra sobre fundo 12,87:1 AA palavra ArqApp sobre o fundo faixa-simbolo sobre faixa 12,87:1 passa (mín. 3:1) símbolo no cabeçalho (gráfico) simbolo sobre fundo 12,87:1 passa (mín. 3:1) símbolo sobre o fundo (gráfico) foco sobre fundo 2,23:1 NÃO PASSA anel de foco (gráfico); o manual põe o anel mel por fora de uma borda grafite (p. 11), e a borda é que garante o contraste no claro */ /* Contraste conferido, tema escuro: texto sobre fundo 14,05:1 AA texto corrido texto sobre superficie 12,87:1 AA texto em cartão texto-fraco sobre fundo 6,12:1 AA texto secundário texto-fraco sobre superficie 5,61:1 AA texto secundário em cartão link sobre fundo 6,29:1 AA link link sobre superficie 5,76:1 AA link em cartão destaque-texto sobre fundo 6,29:1 AA número ou rótulo em destaque acao-texto sobre acao 5,76:1 AA texto do botão principal faixa-texto sobre faixa 12,87:1 AA texto do cabeçalho palavra sobre fundo 14,05:1 AA palavra ArqApp sobre o fundo faixa-simbolo sobre faixa 12,87:1 passa (mín. 3:1) símbolo no cabeçalho (gráfico) simbolo sobre fundo 14,05:1 passa (mín. 3:1) símbolo sobre o fundo (gráfico) foco sobre fundo 6,29:1 passa (mín. 3:1) anel de foco (gráfico); o manual põe o anel mel por fora de uma borda grafite (p. 11), e a borda é que garante o contraste no claro */