/* 360° Soluções Empresariais — paleta do site (preto, papel e bronze). Só sobrescreve os tokens e poucos detalhes da marca. */
:root{
 --i9-lime:#C9A27E;      /* bronze claro — destaques */
 --i9-leaf:#B08A66;      /* bronze — ícones, eyebrows, gráficos */
 --i9-forest:#8E6D4F;    /* bronze escuro — ações (contraste AA com branco) */
 --i9-deep:#141414;      /* títulos */
 --i9-lime-soft:#F3EBE2; /* fundos de destaque */
 --ink:#1A1A1A;--muted:#6B6560;--line:#E6DED4;--bg:#F6F3EF;--surface:#FFFFFF;
 --shadow:0 1px 2px rgba(11,11,11,.05),0 8px 24px -12px rgba(11,11,11,.18);
}
.brand img.brand-360{width:178px;margin:6px 0 4px}
.topbar img.brand-360{width:120px;height:auto}
.auth-form img.brand-360{width:230px;height:auto;margin-bottom:10px}
.auth-art{background:#0B0B0B;color:#D9D1C8}
.auth-art::after{border-color:rgba(176,138,102,.18);border-radius:0;transform:rotate(45deg)}
.auth-art .eyebrow{color:#C9A27E}
.auth-mark{width:220px;height:auto;filter:none;background:none;padding:0;border-radius:0}
.kpi.accent{background:#141414;border-color:#141414}
.kpi.accent span,.kpi.accent small{color:#C9B8A6}
.eyebrow{color:#8E6D4F}
.nav-link.active{color:#141414}