/* ============================================================
   iBooster ATS · design tokens
   Fonte unica de verdade - consumido por design.css e views.css.

   MARCA POR TENANT. --brand/--marca/--accent sao sobrescritos em
   runtime pelo core.js com a corPrimaria de /api/tenant. O default
   aqui e a marca iBooster (vermelho #DC2626), para a tela nascer
   com cara de produto antes do primeiro fetch.

   DISCIPLINA DE COR (a mesma do motor de triagem):
     brand    = MARCA, ACAO e NAVEGACAO. Nunca status.
     verde    = contratado / aprovado (--ok)
     ambar    = atencao / aguardando (--warn)
     vinho-terra = reprovado (--danger; separado da marca por
                escurecimento, e sempre com rotulo junto)
     azul     = informativo / em processo (--info)
     dourado  = exclusivamente IA
   Cor nunca e o unico sinal: todo estado tem rotulo ou icone.
   ============================================================ */
:root{
  /* brand - acao, navegacao, destaque */
  --brand:#DC2626; --brand2:#B91C1C; --brand-ink:#7F1D1D;
  --brandsoft:rgba(220,38,38,.07); --brandsoft2:rgba(220,38,38,.14);
  --brand-200:#FECACA; --brand-500:#EF4444;

  /* marca - superficie e acento (filete do topo, tile, progresso) */
  --marca:#DC2626; --marca2:#F87171;
  --marca-grad:linear-gradient(180deg,#F87171 0%,#DC2626 100%);

  /* accent - alias historico consumido por design.css */
  --accent:#DC2626; --accent-ink:#B91C1C; --accent2:#EF4444;
  --accentsoft:rgba(220,38,38,.07); --accentsoft2:rgba(220,38,38,.14);

  /* neutros - cinza neutro, sem tingir da marca */
  --bg:#F6F6F8; --bg2:#FBFBFC; --card:#FFFFFF; --card2:#F2F2F5;
  --line:#EAEAEE; --line2:#DCDCE2;
  --txt:#17171A; --mut:#63636B; --mut2:#8B8B94;
  --ink:#0F0F11;
  --side:#FBFBFC;   /* superficie da sidebar: um passo entre o canvas e o cartao */

  /* semanticos (fill suave + tinta) */
  --ok:#0F7A3D;   --ok-ink:#0A5A2C;   --oksoft:rgba(15,122,61,.12);
  --warn:#8A6100; --warn-ink:#6B4B00; --warnsoft:rgba(255,184,0,.18);
  --danger:#9B2C20;                   --dangersoft:rgba(155,44,32,.10);
  --info:#0B5E8F; --info-ink:#08466B; --infosoft:rgba(11,94,143,.12);

  /* accent IA - fora da familia da marca */
  --gold:#7A6220; --gold-ink:#5E4B18; --goldsoft:rgba(122,98,32,.10);

  /* superficies escuras */
  --code-bg:#17171A; --code-txt:#E8E8EB;
  --scrim:rgba(15,15,17,.88); --scrim-light:rgba(15,15,17,.6);

  /* tipografia - uma familia so; display por peso e entressilha */
  --display:'Inter','Segoe UI',Arial,sans-serif;
  --fs-micro:12px; --fs-xs:12px; --fs-sm:13px; --fs-base:14px;
  --fs-md:16px; --fs-lg:20px; --fs-xl:24px; --fs-display:32px;
  --ls-caps:.08em; --ls-eyebrow:.12em; --ls-tight:-.02em; --ls-tighter:-.03em;
  --lh-display:1.15; --lh-heading:1.25; --lh-body:1.55; --lh-relaxed:1.7;
  --mono:'Cascadia Code',Consolas,ui-monospace,monospace;

  /* espacamento (base 4) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s12:48px;
  --gutter:24px; --header-h:64px;

  /* raios */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;

  /* sombras - discretas e em camadas; a tela se estrutura por filete, a sombra
     so separa o que flutua (cartao arrastado, drawer, popover) */
  --shadow:0 1px 2px rgba(16,16,20,.05);
  --shadow-md:0 1px 2px rgba(16,16,20,.04),0 6px 16px -8px rgba(16,16,20,.10);
  --shadow-lg:0 2px 4px rgba(16,16,20,.04),0 18px 36px -18px rgba(16,16,20,.16);
  --shadow-pop:0 6px 16px rgba(16,16,20,.10),0 28px 60px -20px rgba(16,16,20,.28);

  /* motion */
  --t-fast:.12s; --t-med:.2s;
}

/* display: titulo, nome do produto, numero de vitrine */
h1,h2,h3,.prod,.kpi .v,.lp-n,.hero h1{
  font-family:var(--display);font-weight:800;letter-spacing:var(--ls-tight)
}
.hero h1,.lp-n{letter-spacing:var(--ls-tighter)}
.btn.block.lg{border-radius:var(--r-pill)}