/* Tema USF-AN para o Vikunja da direção (direcao.usf-an.pt).
   Injetado pelo nginx (sub_filter antes de </head>) — a imagem Docker fica intacta.
   Só mexe em variáveis e em poucos seletores estáveis; depois de cada atualização do
   Vikunja, abrir login, lista de projetos e um quadro kanban e confirmar o aspeto.
   Tokens: os mesmos do novosite (src/styles/global.css). */

@font-face { font-family: 'Poppins'; font-weight: 400; font-display: swap; src: url('/usfan/fontes/poppins-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 600; font-display: swap; src: url('/usfan/fontes/poppins-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 700; font-display: swap; src: url('/usfan/fontes/poppins-latin-700-normal.woff2') format('woff2'); }

:root {
  /* azul USF-AN #1863DC */
  --primary-h: 217deg;
  --primary-s: 73.7%;
  --primary-l: 47.8%;
  --link-h: 217deg;
  --link-s: 73.7%;
  --link-l: 47.8%;
  /* vermelho USF-AN #CE151A */
  --danger-h: 358deg;
  --danger-s: 81.5%;
  --danger-l: 44.5%;

  --family-primary: 'Poppins', system-ui, sans-serif;
  --family-sans-serif: 'Poppins', system-ui, sans-serif;
  --family-secondary: 'Poppins', system-ui, sans-serif;
  --radius: 4px;
  --radius-small: 3px;
  --radius-large: 6px;

  --usfan-navy: #293C5B;
  --usfan-red: #CE151A;
}

:root:not(.dark) {
  --site-background: #F7F8F9;
  --text: #222222;
  --text-strong: #293C5B;
  --title-color: #293C5B;
}

/* Quicksand (títulos do Vikunja) → Poppins em todo o lado. */
body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6, .title, .subtitle {
  font-family: 'Poppins', system-ui, sans-serif !important;
}

h1, h2, h3, .title { font-weight: 700; letter-spacing: -0.2px; }

/* Sem o lama do fundo: superfície limpa como no site. */
.app-container, .no-auth-wrapper { background-image: none !important; }

/* Login: painel azul-marinho da marca em vez da fotografia dos lamas. */
.noauth-container .image {
  background: var(--usfan-navy) !important;
  position: relative;
}
.noauth-container .image::after { display: none !important; }
.noauth-container .image::before {
  content: 'Direção · USF-AN';
  /* O Vikunja já usa este ::before como gradiente de página inteira: anular tudo. */
  position: absolute; inset: 2rem auto auto 2rem;
  width: auto; height: auto; background: none !important;
  padding-top: 0.875rem;
  border-top: 3px solid var(--usfan-red);
  color: #fff; font-size: 0.8125rem; font-weight: 600;
  letter-spacing: 0.6px; text-transform: uppercase;
}
.noauth-container .image .image-title { color: #fff; font-weight: 700; }
/* Depois de "Terminar sessão" o Vikunja mostra só o botão da conta USF-AN: destacá-lo. */
.noauth-container .content .button {
  background: #1863DC !important; color: #fff !important; border: 0 !important;
  min-height: 44px; font-weight: 600;
}
.noauth-container .content .button:hover { background: #134FB0 !important; }
/* Servidor único: esconder o "usar outra instalação do Vikunja / modificar". */
.api-config { display: none !important; }

/* Foco visível na cor da marca (acessibilidade igual ao site). */
:focus-visible { outline: 2px solid #1863DC; outline-offset: 2px; }