/* ================================================================
   paleta.css — ÚNICA fonte de cores do sistema. estrutura.css, app.css e as páginas nunca escrevem uma cor
   "crua" — sempre var(--token) daqui. Trocar a paleta inteira é editar só este arquivo (e as 3 cores repetidas
   de propósito em offline.html, manifest.php e o <meta theme-color>, que precisam existir antes de o CSS carregar).

   PROVISÓRIA até o Gustavo decidir a cor de marca (ESCOPO.md 9.4). Direção pedida (ESCOPO 4.9): premium, com
   apelo feminino, alto contraste. Escolha: AMEIXA profunda (marca) + ROSÉ DOURADO (só detalhe), sobre fundo
   off-white levemente rosado. O porquê da ameixa: fica LONGE das três cores que aqui significam dinheiro e
   estoque — verde = pago/em dia, âmbar = vence logo/estoque baixo, vermelho = atrasado. Um rosa ou vinho de marca
   seria lido como "atrasado" nas telas de fiado (PADRÕES seção 10, "cor semântica é sinal escasso").
   ================================================================ */

:root {
  /* ── Marca. Texto branco sobre --accent: contraste 11,5:1. ── */
  --accent:       #5e2350;
  --accent-hover: #4a1a3f;
  --accent-light: rgba(94, 35, 80, .09);
  --accent-text:  #ffffff;
  --accent-rgb:   94, 35, 80;

  /* Tom vivo da marca: degradê, splash do PWA e ícone — nunca texto nem botão (contraste baixo pra texto). */
  --accent-vivid:       #9c3f83;
  --accent-vivid-hover: #84346f;
  --accent-vivid-rgb:   156, 63, 131;

  /* Rosé dourado: SÓ decoração (fio sob a marca, monograma, brilho do degradê). Nunca em botão, selo ou texto com
     significado — ficaria perto demais do âmbar de "atenção". */
  --tom-decorativo:     #d9a88f;
  --tom-decorativo-rgb: 217, 168, 143;

  /* Fonte da MARCA (nome, saudação): serifada do próprio aparelho, sem baixar nada (Georgia no iPhone e no Windows,
     Noto Serif no Android). O corpo continua na fonte do sistema, que lê melhor em tela pequena. */
  --fonte-marca: Georgia, 'Iowan Old Style', 'Palatino Linotype', 'Noto Serif', serif;

  /* ── Superfícies ── */
  --bg-main:  #f8f4f6;
  --bg-card:  #ffffff;
  --bg-hover: #f4ebf1;
  --bg-page:  #f8f4f6;

  /* ── Texto — 3 níveis fixos (secundário sobre branco 8,5:1; muted 5,3:1 no branco e 4,9:1 no fundo). ── */
  --text-main:      #2b1726;
  --text-secondary: #5c4656;
  --text-muted:     #7a6573;

  /* ── Bordas / sombra / overlay ── */
  --card-border-color:  #ece1e8;
  --shadow-color:       rgba(43, 23, 38, .06);
  --shadow-color-forte: rgba(43, 23, 38, .15);
  --overlay-bg:         rgba(43, 23, 38, .5);

  /* ── Semânticas — significado FIXO, aqui são o próprio negócio:
     sucesso = pago / tudo enviado · atenção = vence logo / estoque baixo / aguardando sinal ·
     perigo = atrasado / sem estoque / recusado. ── */
  --cor-perigo:     #c81e1e;
  --cor-perigo-bg:  rgba(200, 30, 30, .10);
  --cor-atencao:    #b45309;
  --cor-atencao-bg: rgba(217, 119, 6, .13);
  --cor-sucesso:    #15803d;
  --cor-sucesso-bg: rgba(21, 128, 61, .11);
  --cor-info:       #2563eb;
  --cor-info-bg:    rgba(37, 99, 235, .10);
  --cor-neutro:     #6b7280;
  --cor-neutro-bg:  rgba(107, 114, 128, .12);

  /* Texto escuro sobre os fundos claros do Bootstrap (bs-info/bs-warning). */
  --texto-sobre-info:    #063a4a;
  --texto-sobre-atencao: #4a3800;

  /* ── Etiquetas (categorias de produto — ESCOPO 4.2; a coluna Cor guarda a CHAVE, ex.: 'azul'). Fundo claro +
     texto escuro do mesmo matiz (contraste ≥ 7:1). Nenhuma é verde/âmbar/vermelho puros: categoria é organização,
     não status. Mesmo conjunto da Distribuidora (as classes tag-<cor> estão em app.css). ── */
  --grupo-indigo-bg: #e0e7ff;  --grupo-indigo-tx: #312e81;
  --grupo-azul-bg:   #dbeafe;  --grupo-azul-tx:   #1e3a8a;
  --grupo-ciano-bg:  #cffafe;  --grupo-ciano-tx:  #155e75;
  --grupo-teal-bg:   #ccfbf1;  --grupo-teal-tx:   #115e59;
  --grupo-lima-bg:   #ecfccb;  --grupo-lima-tx:   #3f6212;
  --grupo-rosa-bg:   #fce7f3;  --grupo-rosa-tx:   #9d174d;
  --grupo-roxo-bg:   #f3e8ff;  --grupo-roxo-tx:   #6b21a8;
  --grupo-cinza-bg:  #e5e7eb;  --grupo-cinza-tx:  #1f2937;
  --grupo-marrom-bg: #f1e4d8;  --grupo-marrom-tx: #6b3e1d;
}