/* Salll · tokens de marca · v1.0 · 2026-08-13
   Fonte da verdade: salll.com.br/brandbook
   Cole este bloco no :root de qualquer projeto Salll. */

:root{
  /* === MARCA === */
  --orange:#FE7021;   /* marca, CTA, pilar Performance */
  --gold:#FBA839;     /* ação Executar, verbo Criar */
  --red:#E4384A;      /* SÓ alerta, ruptura, erro */
  --purple:#7F61A4;   /* ação Monitorar, verbo Enxergar */
  --blue:#5E50C1;     /* verbo Priorizar, links */

  /* === SISTEMA === */
  --teal:#17A398;     /* pilar Conformidade */
  --blue2:#6E7BD8;    /* pilar Competitividade */
  --pink:#F26386;     /* Método Salll VITRINE (reservado) */
  --green:#25D366;    /* WhatsApp, confirmação */
  --slate:#8B97A8;    /* camada de dado, séries neutras */

  /* === VARIANTES PARA FUNDO CLARO === */
  --gold-d:#E0951F;
  --green-d:#1FA958;

  /* === FUNDOS === */
  --bg:#141414;       /* padrão */
  --bg-alt:#1A1A1A;
  --bg-deep:#0E0E10;  /* hero, rodapé */
  --card:#1E1E1E;
  --card-hi:#262626;

  /* === TEXTO === */
  --text:#F0F0F0;
  --muted:#9A9A9A;
  --dim:#5C5C5C;

  /* === LINHAS === */
  --line:rgba(255,255,255,.07);
  --line-h:rgba(255,255,255,.14);

  /* === TINTS (fundo escuro) === */
  --orange-tint:rgba(254,112,33,.14);
  --gold-tint:rgba(251,168,57,.14);
  --red-tint:rgba(228,56,74,.16);
  --purple-tint:rgba(127,97,164,.16);
  --blue-tint:rgba(94,80,193,.16);
  --teal-tint:rgba(23,163,152,.16);
  --pink-tint:rgba(242,99,134,.16);

  /* === TINTS SÓLIDOS (fundo claro, impressão) === */
  --orange-tint-solid:#FFF1E9;
  --gold-tint-solid:#FFF8EC;
  --red-tint-solid:#FEECEE;
  --purple-tint-solid:#F2F0F6;
  --blue-tint-solid:#EFEFF9;
  --light:#F8F9FA;

  /* === TIPOGRAFIA === */
  --font-display:'Outfit', system-ui, sans-serif;   /* títulos, botões, números */
  --font-body:'Inter', system-ui, sans-serif;       /* corpo de texto */
  --font-mono:'Space Mono', monospace;              /* labels, dados, chips */

  /* === RAIO === */
  --radius-chip:6px;
  --radius-btn:8px;
  --radius-card:14px;

  /* === LAYOUT === */
  --content-width:1140px;
  --section-pad:96px;
}

/* Barra de identidade: ordem fixa laranja, dourado, vermelho, roxo, azul. */
.fluid-bar{display:flex;height:5px;width:100%}
.fluid-bar span{flex:1}
.fb-o{background:var(--orange)}
.fb-g{background:var(--gold)}
.fb-r{background:var(--red)}
.fb-p{background:var(--purple)}
.fb-b{background:var(--blue)}

/* Acento por página: cor da AÇÃO, não do pilar.
   <body style="--acc:var(--purple)">  monitorar
   <body style="--acc:var(--gold)">    executar, metodologia
   <body style="--acc:var(--orange)">  home, serviços, contato          */
.acc{color:var(--acc, var(--orange))}