/* Achei (nome provisório) · identidade "Floresta & Lima" · v1 · 24/10/2026
   Fonte de verdade dos valores visuais. Exportado do canvas de design.
   Regra: nenhuma cor, raio ou tamanho fora desta lista sem aprovação. */

:root {
  /* Marca */
  --color-forest: #0E6645;        /* Floresta: botão principal, links, selecionado */
  --color-forest-deep: #0B3D2B;   /* Floresta profunda: menu lateral, painéis escuros */
  --color-lime: #C5F06A;          /* Lima: só como FUNDO (novidade, progresso, desconto, item ativo no menu escuro). Nunca como texto em fundo claro */

  /* Texto */
  --color-ink: #13201A;           /* Tinta: texto principal e números */
  --color-moss: #4C5A52;          /* Musgo: texto de apoio, legendas, datas */
  --color-ink-3: #5E6B63;         /* apoio mais leve (uso raro) */
  --color-on-dark: #FFFFFF;
  --color-on-dark-muted: #D5E3DA; /* texto secundário no menu escuro */

  /* Superfícies */
  --color-bg: #F3F5F1;            /* Névoa: fundo de todas as telas */
  --color-surface: #FFFFFF;       /* cartões */
  --color-sage: #E2F2E8;          /* Sálvia: confirmação e destaque suave */
  --color-sage-border: #CFE6D8;
  --color-neutral-soft: #EDF0EC;  /* trilhos de barra, fundos neutros */

  /* Bordas */
  --color-outline: #7A887D;       /* Contorno: campos, chaves, rádios. Componente de interface (mín. 3:1): 3,39:1 no fundo, 3,72:1 no branco, 3,21:1 no sálvia. Trocado pelo Yuri em 25/10; o valor anterior está na ERRATA F5 */
  --color-line: #E1E7DF;          /* Linha: só separa cartões e linhas de lista */
  --color-line-strong: #D9E0D8;   /* borda de opção não selecionada */
  --color-axis: #C9D1C7;          /* eixo base de gráficos */
  --color-dash: #B9C3BA;          /* tracejado das partes "Chega com o envio" (borda do passo, barra do celular). Acrescentado em 29/10/2026, das telas do SPEC-piloto */
  --color-chart-send: #0B7A4B;     /* série do envio nos gráficos (o #0E6645 fica abaixo do piso de croma para dado). Acrescentado em 30/10/2026, do SPEC-envio P26 */
  --color-chart-join: #2A78D6;     /* entradas nos gráficos (barras para cima). Acrescentado em 30/10/2026, do SPEC-envio P26 */
  --color-chart-leave: #EB6834;    /* saídas nos gráficos (barras para baixo). Acrescentado em 30/10/2026, do SPEC-envio P26 */
  --color-wa-chat: #EFEAE2;        /* fundo da conversa na prévia do WhatsApp. Acrescentado em 30/10/2026, de EnvioPrevia */
  --color-wa-head: #F0F2F5;        /* topo do grupo e card do link na prévia do WhatsApp. Acrescentado em 30/10/2026, de EnvioPrevia */
  --color-wa-link: #027EB5;        /* link na mensagem da prévia do WhatsApp. Acrescentado em 30/10/2026, de EnvioPrevia */

  /* Situações: sempre ícone + palavra + cor */
  --status-ok-fg: #0E6645;        --status-ok-bg: #E2F2E8;      /* Tudo certo: enviado, conectado, aprovado */
  --status-warn-fg: #8A4B00;      --status-warn-bg: #FFF1D6;    /* Atenção: em parte, conferindo, precisa de você */
  --status-error-fg: #B42318;     --status-error-bg: #FDE8E6;   /* Parou: não enviado, desconectado */
  --status-error-border: #F4C7C2;
  --status-warn-border: #F2DDB0;  /* borda dos avisos de atenção no topo da página, par do --status-warn-bg. Acrescentado em 29/10/2026, das telas do SPEC-piloto */
  --status-paused-fg: #4C5A52;    --status-paused-bg: #EDF0EC;  /* Pausado / cancelado */
  --status-mirror-fg: #33550A;    --status-mirror-bg: #E9F7C8;  /* Espelhada / ajudante */
  --status-mirror-border: #D6EDA6; /* borda dos cartões de espelho, par do --status-mirror-bg (como --color-sage-border é par do sálvia). Acrescentado em 25/10/2026 */
  --status-warn-on-dark: #FFC46B; /* ícone e texto de atenção sobre fundo escuro; o #8A4B00 não funciona no escuro. Acrescentado em 25/10/2026 */
  --meter-warn: #E5A93B;          /* faixa "Atenção" do medidor de segurança */
  --meter-track: #DCE3DA;         /* trilho dos medidores de uso (Conta e plano, limites). Acrescentado em 29/10/2026, das telas do SPEC-piloto */

  /* Tipografia: Plus Jakarta Sans 400–800, números com font-variant-numeric: tabular-nums */
  --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --text-hero: 800 44px/52px var(--font-sans);
  --text-title: 800 30px/38px var(--font-sans);    /* título de tela, letter-spacing -0.02em */
  --text-section: 800 20px/28px var(--font-sans);  /* título de seção */
  --text-body: 500 16px/24px var(--font-sans);
  --text-support: 500 14px/20px var(--font-sans);
  --text-number: 800 32px/40px var(--font-sans);
  --text-min: 13px;                                /* nenhum texto abaixo disto; sem caixa-alta espaçada */

  /* Forma */
  --radius-control: 12px;   /* botões e campos (14px nos botões grandes de 48px+ também é aceito no canvas) */
  --radius-card: 16px;      /* cartões; seções grandes usam 20px */
  --radius-panel: 28px;     /* painéis grandes */
  --radius-pill: 999px;     /* etiquetas */

  /* Espaçamento */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px;

  /* Toque e foco */
  --touch-min: 48px;        /* tudo que se toca, inclusive no computador */
  --focus-ring: 0 0 0 3px #FFFFFF, 0 0 0 5px #0E6645;  /* anel de foco: aprovado pelo Yuri em 25/10 */

  /* Sombra só no que flutua (menus, avisos, janelas, barra de baixo) */
  --shadow-float: 0 8px 24px rgba(19, 32, 26, 0.08);
  --shadow-toast: 0 6px 16px rgba(19, 32, 26, 0.2);

  /* Layout */
  --sidebar-width: 264px;
  --main-padding: 28px 40px 56px;
  --main-padding-mobile: 20px 16px 40px;
  --breakpoint-mobile: 760px;
}