/* ---------------------------------------------------------------------------
 * SGU — tema cromático do sistema
 *
 * OBJETIVO
 * Diferenciar o SGU do SGU1, que continuará no ar com a mesma diagramação,
 * adotando o ciano como cor dominante em todo o sistema.
 *
 * ── RESSALVA REGISTRADA ────────────────────────────────────────────────────
 * O Manual de Aplicação da Marca UNIMONTES (p.20, "Padrões Cromáticos") define
 * como cor institucional o Pantone Violet CVC 2x — RGB 41/22/111 — #29166F.
 * O violeta é a cor da UNIVERSIDADE, não do SGU1. Substituí-lo afasta o sistema
 * da identidade institucional; foi uma decisão consciente da equipe, tomada com
 * essa informação à mesa. Para reverter, basta remover os dois <link> que
 * carregam este arquivo (layouts/app.blade.php e layouts/auth.blade.php).
 *
 * O ciano 100% do manual (#00AEEF) NÃO serve como cor primária: texto branco
 * sobre ele dá 2,53:1, reprovado em WCAG AA (mínimo 4,5:1). A escala abaixo é
 * derivada dele por escurecimento, com o contraste de cada tom verificado.
 *
 *   #00AEEF   2,53:1   ciano do manual — só superfície, nunca com texto
 *   #0B6D95   5,78:1   primária (AA)
 *   #095C7E   7,38:1   primária escura (AAA)
 *   #064A66   9,64:1   hover e estados pressionados
 *   #03323F  13,71:1   texto sobre fundo claro
 *
 * ── OBSERVAÇÃO VISUAL ──────────────────────────────────────────────────────
 * O logo (img/unimontes-horizontal.png) é violeta e continua violeta, porque é
 * um arquivo de imagem da marca. Com a interface em ciano, ele passa a ser o
 * único elemento violeta da tela. Se o resultado destoar, o caminho correto é
 * pedir à ASCOM uma versão do logo em branco para fundos coloridos — não
 * recolorir o logo por CSS, o que o manual proíbe.
 *
 * ── POR QUE ESTE ARQUIVO EXISTE, E SEPARADO ────────────────────────────────
 * O public/css/app.css é um artefato compilado de 117 KB minificado que não
 * pode ser regerado: o resources/css/app.css versionado está defasado e não
 * define metade das classes sgu-* que os templates usam. Editar aquele blob à
 * mão aprofundaria a dívida. Aqui só redefinimos variáveis, de forma legível
 * e reversível.
 *
 * ── COMO FUNCIONA ──────────────────────────────────────────────────────────
 * O app.css dirige a cor por variáveis: --sgu-primary aparece em 53 regras e
 * --unimontes-blue em outras 14. Redefinindo-as em :root, a mudança alcança
 * menu lateral, topo, botões, links, tabelas e estados de foco sem que seja
 * preciso tocar em nenhum seletor individualmente.
 * --------------------------------------------------------------------------- */

:root {
    --sgu-primary: #0b6d95;
    --sgu-primary-2: #095c7e;
    --sgu-primary-dark: #064a66;

    --unimontes-blue: #0b6d95;
    --unimontes-blue-soft: #095c7e;

    --sgu-border: #cfe4f0;
    --sgu-border-strong: #a9cee2;
}

/* Diagonal da tela de acesso. O app.css traz #173b68 fixo no gradiente, então
   a regra precisa ser reescrita por inteiro — trocar a variável não bastaria.
   Aqui o ciano 100% do manual pode aparecer: é superfície, não recebe texto. */
.sgu-login-page::before {
    background: linear-gradient(180deg, #0b6d95 0%, #00aeef 100%);
}

.sgu-login-body {
    background: linear-gradient(135deg, #e6f2f9 0%, #f5fafd 58%, #ffffff 100%);
}

/* Faixa de identificação no topo do card de acesso. */
.sgu-login-card {
    border-top: 3px solid #00aeef;
}

/* Foco visível em toda a aplicação. O anel usa o ciano do manual porque não há
   texto sobre ele — o requisito aqui é perceptibilidade, não legibilidade. */
.sgu-login-body input:focus,
.sgu-body input:focus,
.sgu-body select:focus,
.sgu-body textarea:focus {
    border-color: #0b6d95;
    box-shadow: 0 0 0 4px rgba(0, 174, 239, .18);
    outline: none;
}

/* Links sobre fundo branco exigem o tom escuro: 5,78:1. */
.sgu-login-links a {
    color: #0b6d95;
}

.sgu-login-links a:hover {
    color: #03323f;
}