/*
 * LICITA.AI — camada de marca sobre o tema do LibreChat v0.8.8.
 * Só redefine tokens semânticos já existentes (triplets RGB usados como rgb(var(--x) / a)),
 * sem seletores de componentes, para sobreviver a upgrades. Ver brain/customization-map.md.
 * Paleta: navy #0f2a4a · azul #1f6fd1 · azul-claro #e8f1fc · neutros azulados.
 */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap');

html {
  --brand-purple: 31 111 209;
  --text-primary: 18 35 58;
  --text-secondary: 66 80 101;
  --text-secondary-alt: 92 105 125;
  --text-tertiary: 92 105 125;
  --link: 31 111 209;
  --link-hover: 22 86 168;
  --link-visited: 22 86 168;
  --accent-primary: 31 111 209;
  --accent-primary-hover: 22 86 168;
  --ring-primary: 31 111 209;
  --surface-primary-alt: 243 246 250;
  --surface-secondary: 243 246 250;
  --surface-active: 226 234 245;
  --surface-active-alt: 214 225 240;
  --surface-hover: 232 238 246;
  --surface-hover-alt: 214 225 240;
  --surface-composer-hover: 232 238 246;
  --surface-submit: 15 42 74;
  --surface-submit-hover: 10 30 54;
  --border-light: 225 231 239;
  --border-medium: 206 215 227;
  --border-medium-alt: 206 215 227;
  --status-info: 31 111 209;
  --status-info-subtle: 232 241 252;
}

.dark {
  --brand-purple: 110 167 240;
  --link: 125 178 244;
  --link-hover: 160 199 248;
  --accent-primary: 96 158 238;
  --accent-primary-hover: 125 178 244;
  --ring-primary: 96 158 238;
  --surface-submit: 96 158 238;
  --surface-submit-hover: 125 178 244;
}

html,
body {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Barra superior da marca (client/src/components/Licita/TopBar.tsx): navy fixo nos dois temas */
.licita-topbar {
  background: #0f2a4a;
  color: #ffffff;
}
.licita-topbar-tagline {
  color: #b9cbe2;
}
.licita-topbar-link {
  color: #dce7f5;
  transition: background-color 150ms ease, color 150ms ease;
}
.licita-topbar-link:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.licita-topbar-link:focus-visible {
  outline: 2px solid #7fb2f0;
  outline-offset: 2px;
}

/* Área selecionada no painel (AreaPanel) e botão "Trocar área" (AreaHeader) */
.licita-area-active {
  border-color: #1f6fd1;
  background: #f0f6fe;
}
.licita-area-check {
  color: #1f6fd1;
}
.licita-switch {
  border-color: #c3d6f0;
  background: #ffffff;
  color: #165bb0;
}
.licita-switch:hover {
  background: #eef4fd;
  border-color: #1f6fd1;
}
.dark .licita-area-active {
  border-color: #609eee;
  background: rgba(96, 158, 238, 0.12);
}
.dark .licita-area-check {
  color: #7db2f4;
}
.dark .licita-switch {
  border-color: rgba(125, 178, 244, 0.45);
  background: transparent;
  color: #a0c7f8;
}
.dark .licita-switch:hover {
  background: rgba(125, 178, 244, 0.12);
}