/* =========================================================
   ZimmerSistema · THEME
   ---------------------------------------------------------
   Arquivo de TOKENS GLOBAIS de estilo:
   - Cores
   - Espaçamentos
   - Layout (larguras/alturas padrão)
   - Sombras e raios (border-radius)

   REGRAS DE USO:
   1) Sempre que for criar OU alterar estilos, PREFIRA usar
      estas variáveis em vez de valores "mágicos" (#fff, #333, 16px).
   2) Se precisar de uma cor nova recorrente, adicione aqui
      seguindo o padrão de nomes (zs-color-..., zs-space-...).
   3) CSS dos componentes (kanban, chat, etc.) só deve usar
      var(--nome-da-variavel) quando possível.

   EXEMPLOS:
      background-color: var(--zs-color-bg-body);
      color: var(--zs-color-text-main);
      padding: var(--zs-space-3);
      border-color: var(--zs-color-border-subtle);
      background: rgba(var(--zs-primary-rgb), 0.08);

   QUALQUER AJUSTE GLOBAL DE PALETA / ESPAÇAMENTO
   COMEÇA POR ESTE ARQUIVO.
========================================================= */

/* Escala tipográfica global
   - notebooks (até ~1400px): mais compacto (~14px)
   - monitores maiores: um pouco maior (~15–16px) */
html {
  font-size: 14px;
}

@media (max-width: 1400px) {
  html {
    font-size: 13px;
  }
}

:root {
  /* Paleta básica (baseada no Bootstrap) */
  --zs-color-bg-body: #f8f9fa;
  --zs-color-surface: #ffffff;
  --zs-color-border-subtle: #dddddd;
  --zs-color-text-main: #212529;
  --zs-color-text-muted: #6c757d;

  /* Cores semânticas principais */
  --zs-color-primary: #0d6efd;
  --zs-primary-rgb: 13, 110, 253;      /* para usar em rgba() */
  --zs-color-success: #198754;
  --zs-color-danger: #dc3545;
  --zs-color-warning: #ffc107;

  /* Layout global */
  --zs-layout-navbar-height: 45px;
  --zs-layout-sidebar-width: 220px;
  --zs-layout-content-padding: 24px;
  /* Largura padrão das colunas de semana (Produtos e Fluxo por Semana) */
  --zs-layout-week-column-width: 160px;

  /* Largura base das colunas do Kanban (Fluxo por Serviço/Setor)
     - Ajuste este token se quiser aumentar/diminuir **todas** as colunas do Kanban.
     - Se precisar diferenciar serviços vs. terceiros, ajuste os dois tokens abaixo. */
  --zs-layout-kanban-column-width: 160px;
  --zs-layout-kanban-servico-column-width: var(--zs-layout-kanban-column-width);
  --zs-layout-kanban-terceiro-column-width: var(--zs-layout-kanban-column-width);

  /* =========================================================
     ZimmerSistema · Card System (tokens)
     ---------------------------------------------------------
     Usado para padronizar visual/tamanho dos cards em:
     - produtos_modal.html
     - itemfluxo_semanas.html
     - fluxo_setor.html
  ========================================================= */

  --zs-card-font-size: 0.875rem;
  --zs-card-line-height: 1.25;
  --zs-card-gap-y: 0.5rem;

  --zs-card-header-px: 0.5rem;
  --zs-card-header-py: 0.35rem;
  --zs-card-body-px: 0.5rem;
  --zs-card-body-py: 0.45rem;

  --zs-card-title-size: 0.9rem;
  --zs-card-meta-size: 0.82rem;

  --zs-card-media-height: 120px;
  --zs-card-media-bg: #ffffff;
  --zs-card-media-padding: 0.35rem;

  --zs-card-action-btn-size: 28px;
  --zs-card-action-icon-size: 0.95rem;

  --zs-card-footer-gap: 0.35rem 0.45rem;

  /* Escala de espaçamento (4px base) */
  --zs-space-1: 0.25rem;  /* 4px  */
  --zs-space-2: 0.5rem;   /* 8px  */
  --zs-space-3: 1rem;     /* 16px */
  --zs-space-4: 1.5rem;   /* 24px */
  --zs-space-5: 3rem;     /* 48px */

  /* Raios e sombras padrão */
  --zs-radius-sm: 0.25rem;
  --zs-radius-md: 0.5rem;
  --zs-radius-lg: 1rem;

  --zs-shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.05);
}