/* GM — design tokens. Nenhuma cor literal fora deste arquivo. */

/* Paleta tirada da identidade Goovi: o branco predomina, o roxo-azulado é o
   único destaque forte (ação principal, item ativo) e o rosa aparece só em
   detalhe. Vermelho, verde e âmbar ficam para significado — erro, ok,
   atenção —, nunca para enfeite: cor com dois papéis deixa de avisar. */
:root {
  /* Superfícies */
  --bg:           #f7f6fb;
  --surface:      #ffffff;
  --surface-alt:  #f3f1fa;
  --border:       #ebe8f3;
  --border-forte: #d8d3e6;

  /* Texto */
  --text:         #1c1a2e;
  --text-suave:   #6d6887;
  --text-inverso: #ffffff;

  /* Marca */
  --marca:        #5b1ce6;
  --marca-suave:  #f0eafe;
  --marca-escura: #4712c2;
  --destaque:       #ff6ec4;
  --destaque-suave: #ffeaf6;

  /* Semântica */
  --ok:           #15803d;
  --ok-suave:     #e8f6ee;
  --alerta:       #b45309;
  --alerta-suave: #fdf3e4;
  --erro:         #d92d4a;
  --erro-suave:   #fdecef;
  --info:         #5b1ce6;
  --info-suave:   #f0eafe;

  /* Canais */
  --canal-mercadolivre: #ffe600;
  --canal-shopee:       #ee4d2d;
  --canal-magalu:       #0086ff;
  /* O selo "MAIS VENDIDO" do Mercado Livre: laranja com letra branca. É a
     cor que o vendedor já reconhece na vitrine — igual nos dois temas. */
  --selo-mais-vendido:  #ff7733;

  /* Linhas dos concorrentes no gráfico de preços (a sua usa --marca). */
  --serie-1: #ef4444;
  --serie-2: #0ea5e9;
  --serie-3: #f59e0b;
  --serie-4: #10b981;
  --serie-5: #a855f7;

  --veu: rgb(28 26 46 / 38%);   /* fundo atrás do modal */

  /* Métrica */
  --raio:      14px;
  --raio-sm:   9px;
  --sombra:    0 1px 2px rgb(40 20 90 / 4%), 0 2px 10px rgb(40 20 90 / 4%);
  --sombra-md: 0 8px 28px rgb(40 20 90 / 10%);
  --sidebar-w: 248px;
  --sidebar-w-min: 68px;
  --topo-h:    60px;
  --fonte: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --icone-traco: 1.7;
}

/* Tema escuro opcional — o padrão do GM é claro. */
:root[data-tema="escuro"] {
  --bg:          #121020;
  --surface:     #1a1729;
  --surface-alt: #231f36;
  --border:      #2e2946;
  --border-forte:#3d3759;
  --text:        #ece9f7;
  --text-suave:  #a39dbd;
  --marca:       #8b5cf6;
  --marca-escura:#b197fc;
  --marca-suave: #2a2150;
  --destaque-suave: #3a1f35;
  --ok-suave:    #12291b;
  --alerta-suave:#2b1f0d;
  --erro-suave:  #2e1419;
  --info:        #b197fc;
  --info-suave:  #2a2150;
  --veu:         rgb(0 0 0 / 55%);
  --sombra:      0 1px 3px rgb(0 0 0 / 40%);
  --sombra-md:   0 8px 28px rgb(0 0 0 / 50%);
}