/* ============================================================
   HATKG — Identidade visual do cofre corporativo
   Alinhada a rag.hatkg.com (OpenRAG/HATKG design tokens)

   Verde de marca .... #34D399 (emerald-400)
   Tinta ............. #18181B (zinc-900)
   Âmbar de apoio .... #FE9A00
   Tipografia ........ Inter (já usada nativamente pelo web-vault)

   Este arquivo é injetado pelo nginx (sub_filter) DEPOIS de
   /css/vaultwarden.css, portanto vence a cascata sem precisar
   sobrescrever o template do Vaultwarden — upgrades do
   Vaultwarden não quebram a marca.
   ============================================================ */

/* ---- Escala de marca (o tema claro e o escuro derivam daqui) ---- */
:root {
  --color-brand-050: #ecfdf5;
  --color-brand-100: #d1fae5;
  --color-brand-200: #a7f3d0;
  --color-brand-300: #6ee7b7;
  --color-brand-400: #34d399; /* verde HATKG */
  --color-brand-500: #10b981;
  --color-brand-600: #059669;
  --color-brand-700: #047857;
  --color-brand-800: #065f46;
  --color-brand-900: #064e3b;
  --color-brand-950: #022c22;

  /* Tokens legados (tripla RGB). Tema claro.
     600/700 são usados em texto e links: tons escolhidos para
     manter contraste AA sobre fundo branco (4.9:1 e 6.6:1). */
  --color-primary-100: 209 250 229;
  --color-primary-600: 4 120 87;
  --color-primary-700: 6 95 70;

  /* Ilustrações das telas de login/carregamento */
  --color-illustration-bg-primary: 209 250 229;
  --color-illustration-bg-secondary: 167 243 208;
  --color-illustration-logo: 5 150 105;
  --color-illustration-outline: 24 24 27;
  --color-illustration-tertiary: 254 154 0;
}

/* ---- Tema escuro ---- */
.theme_dark {
  --color-primary-100: 6 78 59;
  --color-primary-300: 6 95 70;
  --color-primary-600: 52 211 153;
  --color-primary-700: 110 231 183;

  --color-illustration-bg-primary: 5 150 105;
  --color-illustration-bg-secondary: 4 120 87;
  --color-illustration-logo: 255 255 255;
  --color-illustration-outline: 52 211 153;
}

/* ---- Logotipo HATKG ---- */

/* 1. Telas de login/cadastro. O web-vault 2026.7 desenha a marca como SVG
      inline dentro de <bit-svg>, não como <img>: escondemos o SVG mantendo a
      caixa (visibility, não display) e pintamos o logo HATKG no lugar.
      Restrito a bit-landing-header: <bit-svg> também desenha o ícone central
      do cartão e as ilustrações de fundo, que devem continuar aparecendo. */
bit-landing-header bit-svg {
  background-image: url("/hatkg/hatkg-logo.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.theme_dark bit-landing-header bit-svg {
  background-image: url("/hatkg/hatkg-logo-white.svg");
}

bit-landing-header bit-svg > svg {
  visibility: hidden;
}

/* 2. Tela de carregamento (index.html, antes do Angular subir) */
.theme_light img.new-logo-themed {
  content: url("/hatkg/hatkg-logo.svg");
}

.theme_dark img.new-logo-themed {
  content: url("/hatkg/hatkg-logo-white.svg");
}

img.new-logo-themed {
  width: 168px;
  height: auto;
}

/* ---- Cadastro é fechado: o servidor recusa o registro (HTTP 400), então o
        link "Create account" só levaria a um formulário que falha. ---- */
a[href$="/signup"],
a[href$="/register"] {
  display: none !important;
}

/* Marca no menu lateral recolhido (vence a regra do vaultwarden.css) */
bit-nav-logo bit-nav-item a:before {
  background-image: url("/hatkg/hatkg-icon.svg") !important;
  background-size: 28px 28px !important;
}

/* ---- Cantos arredondados, como no rag.hatkg.com (--radius: 1rem) ---- */
.tw-btn-secondary,
button[bitbutton],
a[bitbutton] {
  border-radius: 0.5rem;
}