/* ============================================================
   tema.css - Identidade visual Vertiv (variaveis de tema)
   ------------------------------------------------------------
   Tudo que e "marca" mora aqui. Mudou a cor? Muda so neste arquivo
   e o app inteiro acompanha. As cores de STATUS sao funcionais
   (verde/amarelo/vermelho/cinza) e NAO viram cor de marca, pra nao
   atrapalhar a leitura rapida no campo.
   ============================================================ */
:root {
  /* Marca Vertiv */
  --vtv-laranja:   #FE5B1B;   /* cor-heroi: acoes, destaques */
  --vtv-laranja-2: #FB9500;   /* apoio */
  --vtv-preto:     #000000;
  --vtv-branco:    #FFFFFF;
  /* Paleta secundaria (gradiente "The Hum" - uso decorativo) */
  --sec-magenta:   #B10081;
  --sec-violeta:   #5E1EE7;
  --sec-azul:      #0000E7;
  --grad-hum: linear-gradient(90deg, #FB9500, #B10081, #5E1EE7, #0000E7);

  /* Base neutra */
  --bg:      #F5F5F0;
  --painel:  #FFFFFF;
  --painel2: #FAFAF6;
  --borda:   #E4E4DC;
  --tinta:   #1A1A16;
  --tinta2:  #55554E;
  --tinta3:  #8A8A80;
  --escuro:  #16160F;   /* faixas escuras (cabecalho) */

  /* Status (funcionais, nunca marca) */
  --ok:    #2E7D32;
  --andamento: #B8860B;
  --pend:  #C62828;
  --idle:  #9AA0A6;

  /* Tipografia */
  --sans: 'IBM Plex Sans', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --mono: 'IBM Plex Mono', 'Courier New', monospace;

  /* Medidas */
  --raio: 8px;
  --raio-sm: 6px;
  --sombra: 0 1px 3px rgba(0,0,0,.06);
}