/* ===========================================================================
   Skin "Nova" — pele âmbar, inspirada no módulo Solicitações.

   Eixo de tema INDEPENDENTE do claro/escuro: ativada por body[data-skin="nova"]
   (e refinada em body[data-skin="nova"][data-theme="light"] quando o contraste
   exige). Carregada DEPOIS de style.css, então vence na cascata.

   REGRAS ABSOLUTAS (para não quebrar layout nem o mobile — a skin só REPINTA):
   - Só se altera: valores de variáveis de tema, color, background, border-color,
     border-radius, box-shadow e font-weight.
   - NUNCA se altera: width/height, margin/padding, display, flex, grid, position,
     gaps de layout, font-family, nem qualquer @media query.
   100% reversível: sem body[data-skin="nova"], nada aqui se aplica (o padrão
   'classica' mantém a aparência original intacta).
   =========================================================================== */

/* --- Acento âmbar + raio mais suave -------------------------------------------
   Remapeia apenas as variáveis de tema. O acento cascateia para .btn-primary,
   .nav-item.active, .tab.active, anel/borda de foco, .card-title e links.
   Segue a convenção do próprio SPA (escuro usa acento mais claro; claro usa
   acento mais escuro) para manter contraste legível nos dois modos, usando o
   par âmbar especificado (base #CE8B3A / hover #B4772A). */
body[data-skin="nova"] {
  --accent: #CE8B3A;                    /* base âmbar mais claro (tema escuro) */
  --accent-hover: #B4772A;              /* âmbar hover (mais escuro) */
  --accent-tint: rgba(206, 139, 58, .14);
  --radius: 13px;                       /* raio um pouco maior, mais suave */
}

body[data-skin="nova"][data-theme="light"] {
  --accent: #B4772A;                    /* âmbar mais escuro p/ contraste no claro */
}

/* --- Badges e chips de acento -------------------------------------------------
   O tint azul estava fixo no style.css; troca para o tint âmbar. As cores de
   texto/borda já vêm de var(--accent) (agora âmbar). */
body[data-skin="nova"] .badge-info {
  background: var(--accent-tint);
  color: var(--accent);
}

body[data-skin="nova"] .chip.active {
  background: var(--accent-tint);
  border-color: var(--accent);
  color: var(--accent);
}

/* --- Anel de foco âmbar nos campos -------------------------------------------
   box-shadow não ocupa espaço no fluxo, então não afeta o layout/mobile.
   A border-color já vira âmbar via var(--accent); reforçamos o anel. */
body[data-skin="nova"] .search-box input:focus,
body[data-skin="nova"] .form-group input:focus,
body[data-skin="nova"] .form-group textarea:focus,
body[data-skin="nova"] .form-group select:focus,
body[data-skin="nova"] .tipo-add-row input:focus,
body[data-skin="nova"] .ambiente-custom-row input:focus,
body[data-skin="nova"] .select-filter:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-tint);
}