/* ============================================================
   COLORS — Júnior Moreira Contabilidade®
   Base petróleo + ouro. Autoridade técnica, elegância sóbria.
   ============================================================ */

:root {
  /* ---- Primárias ---- */
  --petroleo-deep: #0F2F38;  /* base institucional, fundos escuros */
  --petroleo:      #1B4D5C;  /* petróleo médio, blocos e info */
  --ouro:          #C8A96E;  /* acento premium, eyebrows, detalhes */
  --ouro-strong:   #B8944A;  /* ouro escuro (início de gradiente) */
  --ouro-light:    rgba(200,169,110,0.10); /* wash sutil sobre claro */
  --ouro-border:   rgba(200,169,110,0.22); /* borda/separador dourado */

  /* ---- Secundárias / neutros ---- */
  --ceu:      #2E7D8A;  /* petróleo claro, links e destaques frios */
  --chumbo:   #3A4A50;  /* texto sobre claro, cinza-petróleo */
  --meta:     #5A6A72;  /* texto meta, legendas, hex */
  --gelo:     #E8F0F2;  /* superfície fria clara */
  --gelo-mid: #D0DDE0;  /* bordas, divisores */
  --bg:       #F2F6F7;  /* fundo de página */
  --white:    #FFFFFF;

  /* ---- Estados ---- */
  --sucesso:  #2E7D5A;
  --erro:     #B94040;
  --atencao:  #C8963E;
  --info:     #1B4D5C;

  /* ---- Aliases semânticos ---- */
  --color-bg:            var(--bg);
  --surface-page:        var(--bg);
  --surface-card:        var(--white);
  --surface-muted:       var(--gelo);
  --surface-dark:        var(--petroleo-deep);
  --surface-dark-2:      var(--petroleo);

  --text-heading:        var(--petroleo-deep);
  --color-text-heading:  var(--petroleo-deep);
  --text-body:           var(--chumbo);
  --text-meta:           var(--meta);
  --text-on-dark:        var(--white);
  --text-accent:         var(--ouro);

  --border-subtle:       var(--gelo-mid);
  --border-accent:       var(--ouro-border);
  --accent:              var(--ouro);
  --focus-ring:          rgba(46,125,138,0.45);

  /* ---- Gradientes de marca ---- */
  --grad-petroleo: linear-gradient(145deg, #0F2F38, #1B4D5C); /* @kind other */
  --grad-ouro:     linear-gradient(135deg, #B8944A, #C8A96E, #D4B87A); /* @kind other */
  --grad-gelo:     linear-gradient(180deg, #E8F0F2, #FFFFFF); /* @kind other */
  --grad-separador: linear-gradient(90deg, transparent, rgba(200,169,110,0.22), transparent); /* @kind other */
}