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

:root {
  /* Superfícies — paleta clara */
  --bg:           #f6f8fb;
  --surface:      #ffffff;
  --surface-alt:  #eef2f7;
  --border:       #dde3ec;
  --border-forte: #c3ccda;

  /* Texto */
  --text:         #17202e;
  --text-suave:   #5a6a80;
  --text-inverso: #ffffff;

  /* Marca e semântica */
  --marca:        #2563eb;
  --marca-suave:  #e8efff;
  --marca-escura: #1d4ed8;
  --ok:           #15803d;
  --ok-suave:     #e6f5ec;
  --alerta:       #b45309;
  --alerta-suave: #fdf2e2;
  --erro:         #b91c1c;
  --erro-suave:   #fdecec;
  --info:         #0369a1;
  --info-suave:   #e5f3fb;

  /* Canais */
  --canal-mercadolivre: #ffe600;
  --canal-shopee:       #ee4d2d;
  --canal-magalu:       #0086ff;

  /* Métrica */
  --raio:      10px;
  --raio-sm:   6px;
  --sombra:    0 1px 2px rgb(23 32 46 / 6%), 0 1px 3px rgb(23 32 46 / 4%);
  --sombra-md: 0 4px 12px rgb(23 32 46 / 8%);
  --sidebar-w: 248px;
  --sidebar-w-min: 64px;
  --topo-h:    56px;
  --fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Tema escuro opcional — o padrão do GM é claro. */
:root[data-tema="escuro"] {
  --bg:          #11151c;
  --surface:     #171d26;
  --surface-alt: #1f2733;
  --border:      #2a3442;
  --border-forte:#3a4657;
  --text:        #e6ecf4;
  --text-suave:  #93a2b7;
  --marca-suave: #17233c;
  --ok-suave:    #12291b;
  --alerta-suave:#2b1f0d;
  --erro-suave:  #2b1414;
  --info-suave:  #10222e;
  --sombra:      0 1px 3px rgb(0 0 0 / 40%);
  --sombra-md:   0 4px 14px rgb(0 0 0 / 45%);
}