/* ============================================================
   Portal de Gestão Pública — Design tokens
   Extraído de https://cdn.betha.cloud/base/g4/design/4.0.1/bth-design.css
   (Base G4 / bth-design 4.0.1 — a mesma folha usada por betha.cloud)
   Uso: Portal de Gestão Pública (Superset, painéis Dash, relatórios).
   ============================================================ */

:root {
  /* ---- Marca ---- */
  --bth-primary: #3374db;          /* azul — cor de ação */
  --bth-primary-hover: #215cba;
  --bth-primary-active: #19478f;
  --bth-primary-soft: #e0eafa;

  /* ---- Semânticas ---- */
  --bth-success: #3ec18f;
  --bth-success-dark: #329a72;
  --bth-danger: #dd413c;
  --bth-danger-dark: #c42722;
  --bth-warning: #e8b730;
  --bth-warning-dark: #ce9d17;
  --bth-info: #46afd2;
  --bth-info-dark: #2d95b8;

  /* ---- Neutros (escala oficial gray d40 → l40) ---- */
  --bth-gray-d40: #000000;
  --bth-gray-d30: #242424;   /* texto forte */
  --bth-gray-d20: #59595a;   /* texto padrão */
  --bth-gray-d10: #757576;   /* texto secundário */
  --bth-gray-d5:  #98989a;
  --bth-gray:     #bfbfc0;   /* bordas fortes / disabled */
  --bth-gray-l5:  #d6d6d7;
  --bth-gray-l10: #e3e3e3;   /* bordas */
  --bth-gray-l20: #ededee;   /* divisores */
  --bth-gray-l30: #f5f5f5;   /* fundo de página */
  --bth-gray-l40: #ffffff;   /* superfície */

  /* ---- Categóricas (paleta de gráficos, ordem sugerida) ---- */
  --bth-cat-1: #3374db;  /* blue   */
  --bth-cat-2: #3ec18f;  /* green  */
  --bth-cat-3: #e8b730;  /* yellow */
  --bth-cat-4: #46afd2;  /* aqua   */
  --bth-cat-5: #9f62b2;  /* purple */
  --bth-cat-6: #e87d30;  /* orange */
  --bth-cat-7: #cb528f;  /* pink   */
  --bth-cat-8: #7b8493;  /* blGray */
  --bth-cat-9: #dd413c;  /* red — reservar para negativo/erro */

  /* ---- Tipografia ---- */
  --bth-font: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --bth-font-size: 14px;
  --bth-line-height: 1.42857143;

  /* ---- Forma / elevação ---- */
  --bth-radius: 6px;        /* mesmo raio do .bth-logo oficial */
  --bth-radius-sm: 3px;
  --bth-shadow-1: 0 1px 3px rgba(0, 0, 0, .12);
  --bth-shadow-2: 0 3px 8px rgba(0, 0, 0, .16);

  /* ---- Identidade do produto ---- */
  --bth-app-title: "Portal de Gestão Pública";
}

/* Marca no canto superior esquerdo.
   O SVG do "b" é branco: sempre sobre fundo azul (--bth-primary). */
.bth-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--bth-gray-d30);
}
.bth-brand__mark {
  width: 32px;
  height: 32px;
  padding: 6px;
  border-radius: var(--bth-radius);
  background-color: var(--bth-primary);
  box-sizing: border-box;
}
.bth-brand__title {
  font-family: var(--bth-font);
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .bth-brand__title { display: none; }
}