/* ==================================================================
   Gradus — tokens de marca do PPR
   ------------------------------------------------------------------
   Os hex nao sao escolha de gosto: sairam da amostragem pixel a pixel
   dos arquivos de marca.

   - Gradus Analytics (static/images/logo-preta.png): barras #F05A28,
     wordmark #231F20, subtexto "analytics" #5A5A5A.
   - Gradus Consultoria (tema oficial do PPTX / manual de marca):
     navy #002060, azul de marca #296DB7, ambar #E68E18, bordo #800000.

   O PPR e um produto Analytics dentro da casa Consultoria, entao a
   estrutura (barra superior, titulos, navegacao) usa o navy da
   Consultoria e o laranja Analytics entra como cor de acao e de estado
   ativo. Isso da a leitura "e Gradus, e o produto de Analytics" sem
   pintar a tela inteira de laranja.
   ================================================================== */

:root {
  /* ── Marca Gradus Analytics ── */
  --g-orange:      #F05A28;
  --g-orange-dark: #C7451B;
  --g-orange-soft: #FDEDE7;
  --g-ink:         #231F20;
  --g-gray:        #5A5A5A;

  /* ── Marca Gradus Consultoria ── */
  --g-navy:        #002060;
  --g-navy-2:      #12376C;
  --g-navy-3:      #15497F;
  --g-blue:        #296DB7;
  --g-blue-soft:   #EAF0F8;
  --g-amber:       #E68E18;
  --g-bordo:       #800000;
  --g-green:       #00B050;

  /* ── Superficies e texto ── */
  --g-bg:          #F4F6FA;
  --g-surface:     #FFFFFF;
  --g-surface-2:   #EEF2F8;
  --g-border:      #D9DCE6;
  --g-border-2:    #9DB1CF;
  --g-text:        #12376C;
  --g-text-strong: #002060;
  --g-text-muted:  #5A6B7F;
  --g-text-faint:  #7B8EA0;

  /* ── Formas ── */
  --g-r:      6px;
  --g-r-sm:   4px;
  --g-r-lg:   10px;
  --g-shadow:      0 2px 8px rgba(0, 32, 96, .08);
  --g-shadow-lg:   0 10px 30px rgba(0, 32, 96, .16);
  --g-shadow-btn:  0 1px 2px rgba(0, 32, 96, .15);

  /* ── Medidas do chrome da aplicacao ── */
  --g-topbar-h:      68px;
  --g-sidebar-w:     268px;
  --g-sidebar-rail:  56px;

  /* ==================================================================
     Camada semantica — e ESTA que os ambientes white-label repintam
     ------------------------------------------------------------------
     Os tokens acima sao a marca Gradus e nao mudam nunca. Os de baixo
     dizem o PAPEL de cada cor na casca (barra, destaque, gradiente da
     home) e comecam apontando para os de cima, entao o ambiente padrao
     e pixel a pixel o que era antes desta camada existir.

     Um ambiente de cliente (static/css/ambientes.css) sobrescreve so os
     tokens daqui. Regra pratica: cor de ESTRUTURA e de DESTAQUE vem
     daqui; cor de TEXTO do conteudo continua sendo a de cima, porque
     white-label repinta a casca, nao o corpo do texto.
     ================================================================== */

  /* Estrutura escura: botao do assistente, cabecalho do painel, balao. */
  --g-ink:          var(--g-navy);
  --g-ink-2:        var(--g-navy-3);

  /* Barra superior. */
  --g-bar:          var(--g-navy);
  --g-bar-fg:       #fff;
  --g-bar-fg-dim:   rgba(157, 177, 207, .85);
  --g-bar-line:     rgba(157, 177, 207, .35);
  --g-bar-hover:    rgba(255, 255, 255, .12);
  --g-bar-borda:    rgba(255, 255, 255, .35);
  /* "Chip" sobre a barra (avatar). Precisa contrastar com --g-bar, e nao
     com o fundo da pagina — por isso nao e o mesmo que --g-accent. */
  --g-bar-chip:     var(--g-orange);
  --g-bar-chip-fg:  #fff;

  /* Destaque: item ativo, contadores, botao primario, estrela. */
  --g-accent:       var(--g-orange);
  --g-accent-dark:  var(--g-orange-dark);
  --g-accent-soft:  var(--g-orange-soft);
  --g-accent-fg:    #fff;
  /* Versao legivel do destaque como TEXTO sobre fundo claro. */
  --g-accent-ink:   var(--g-orange);

  /* Gradiente do cabecalho da home. */
  --g-hero-1:       var(--g-navy);
  --g-hero-2:       var(--g-navy-3);
  --g-hero-3:       var(--g-blue);

  /* ── Tipografia ──
     Nunito e a fonte da marca; Gadugi fica como fallback local (ja
     empacotada em static/fonts) para quem estiver sem acesso ao
     Google Fonts. */
  --g-font: 'Nunito', 'Gadugi', 'Calibri', 'Segoe UI', system-ui, sans-serif;
}