/* Proodos Projetos (Vikunja 2.8.0) com a cara do Analytics 2.0 — 09/11/2026, Claude Code, pedido do Rafael.
   Entra pelo nginx (sub_filter no </head>); o código do Vikunja não é tocado.
   Claro (igual ao Analytics): verde #1D513A, hover #39A274, destaque #7ED957, fundo #EEF1EF, texto #0b1512.
   Escuro (igual ao Analytics escuro): fundo #0e1412, borda #2a3631, texto #e6ece9, apagado #9aa8a2, verde #39A274.
   10/11: as cores do claro valiam também no escuro (fundo claro forçado + letra clara do tema escuro = texto sumindo).
   Agora cada tema tem as suas; no escuro só troca o verde e o fundo, o resto é do próprio tema escuro do Vikunja. */

/* ---------- tema claro ---------- */
:root:not(.dark) {
  --primary-h: 154deg !important;
  --primary-s: 47% !important;
  --primary-l: 22% !important;
  --site-background: #EEF1EF !important;
  --background: #EEF1EF;
  --link: #1D513A;
  --link-hover: #39A274;
  --menu-item-active-background-color: #1D513A;
  --progress-value-background-color: #39A274;
  --switch-view-active-background: #1D513A;
  /* cinzas mais escuros: datas, legendas e nomes de coluna saíam cinza-claro em fundo branco */
  --grey-400: #6a7570 !important;
  --grey-500: #56615c !important;
  --grey-500-hsl: 150, 6%, 36% !important;
  --grey-600: #3f4945 !important;
  --text: #0b1512;
  --text-light: #56615c;
}
:root:not(.dark) body { color: #0b1512; }
:root:not(.dark) a:hover { color: #39A274; }
:root:not(.dark) .button.is-primary { background-color: #1D513A !important; border-color: #1D513A !important; color: #fff !important; }
:root:not(.dark) .button.is-primary:hover { background-color: #39A274 !important; border-color: #39A274 !important; }
:root:not(.dark) .menu-container .menu-list a.router-link-active { color: #1D513A !important; font-weight: 600; }

/* ---------- tema escuro ---------- */
:root.dark {
  --primary-h: 153deg !important;
  --primary-s: 48% !important;
  --primary-l: 43% !important;
  --site-background: #0e1412 !important;
  --link: #7ED957;
  --link-hover: #A8E88A;
  --progress-value-background-color: #7ED957;
}
:root.dark .button.is-primary { background-color: #39A274 !important; border-color: #39A274 !important; color: #0b1512 !important; }
:root.dark .button.is-primary:hover { background-color: #7ED957 !important; border-color: #7ED957 !important; }
:root.dark .menu-container .menu-list a.router-link-active { color: #7ED957 !important; font-weight: 600; }

/* ---------- nos dois ---------- */
html, body, button, input, select, textarea, .button, .input, .title, .subtitle {
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
/* Logo: o desenho do Vikunja some e entra "Proodos Projetos · por Venostra" */
.logo {
  background: url(/_marca/logo-projetos.svg) left center / contain no-repeat !important;
  min-inline-size: 150px;
}
.logo > * { visibility: hidden !important; }
.card, .box { border-radius: 12px !important; }
/* Barra de % das tarefas mais grossa e visível */
progress.progress { block-size: .6rem !important; }
:root.dark .logo { filter: brightness(0) invert(1); }

/* 10/11: barra de % (classe progress-bar do Vikunja) em verde, com trilho visível nos dois temas */
progress.progress-bar { -webkit-appearance: none; appearance: none; border: 0; border-radius: 999px; overflow: hidden;
  block-size: .55rem !important; background: #DDE3E0 !important; }
progress.progress-bar::-webkit-progress-bar { background: #DDE3E0; }
progress.progress-bar::-webkit-progress-value { background: #39A274; }
progress.progress-bar::-moz-progress-bar { background: #39A274; }
:root.dark progress.progress-bar { background: #2a3631 !important; }
:root.dark progress.progress-bar::-webkit-progress-bar { background: #2a3631; }
:root.dark progress.progress-bar::-webkit-progress-value { background: #7ED957; }
:root.dark progress.progress-bar::-moz-progress-bar { background: #7ED957; }
/* crédito do Vikunja (fica, licença AGPL) legível */
:root:not(.dark) .menu-bottom-link { color: #56615c !important; }
:root.dark .menu-bottom-link { color: #9aa8a2 !important; }