/* ==========================================================================
   NGSaude - Design Tokens (fonte unica)
   --------------------------------------------------------------------------
   Espelha ngs-growth-copilot/00-contexto/prompts/sistema-de-marca-ngsaude.md
   Nenhum arquivo deste tema define cor propria. Se falta um token, ele nasce
   no documento de marca primeiro, aqui depois.

   Promovido a partir de ngs-tokens-menopausa.css (que era escopado em
   :root[data-vertical="menopausa"]) na unificacao de paleta de 25/08/2026.
   ========================================================================== */

:root {
  /* Marca */
  --ngs-primary: #9B2C4D;
  --ngs-primary-deep: #6B1C36;
  --ngs-primary-tint: #F7EBEF;
  --ngs-primary-contrast: #FFFFFF;

  /* Tinta */
  --ngs-ink: #241C1F;
  --ngs-ink-soft: #6B5E63;
  --ngs-ink-on-dark: #E7DCDF;
  --ngs-ink-on-dark-soft: #BFAFB4;
  --ngs-on-dark-accent: #E9B9C6;

  /* Superficie */
  --ngs-paper: #FFFFFF;
  --ngs-paper-sunken: #F6F3F1;

  /* Linha: -line e decorativa (1,33:1), -line-strong e para borda de campo,
     de controle e de qualquer coisa que comunique estado (3,95:1). */
  --ngs-line: #E4DEDC;
  --ngs-line-strong: #8F7B81;

  /* Estado. Verde aqui e FUNCAO (check, selo de registro), nunca marca. */
  --ngs-success: #3F6A45;
  --ngs-success-tint: #EAF1EA;
  --ngs-warning: #93611E;
  --ngs-danger: #A83B32;
  /* Degraus intermediarios da ESCALA DE RESULTADO das calculadoras. Existem
     porque escala divergente (IMC vai de "abaixo severo" a "obesidade grau III")
     precisa de mais de tres passos, e ate 30/08/2026 os blocos inventavam hex
     ad hoc que REPROVAVAM em AA como texto: #e6ac00 dava 2,05:1 e #e07b2a dava
     2,98:1 em rotulo de resultado. Estes passam (5,06:1 e 8,28:1) sem perder a
     leitura de gravidade. Ordem da escala: success, ink-soft, warning,
     warning-deep, danger, danger-deep. */
  --ngs-warning-deep: #A85A1E;
  --ngs-danger-deep: #8C2E27;

  /* Pill de selecao do diagnostico */
  --ngs-pill-bg: #F0F0EE;
  --ngs-pill-bg-selected: #FFFFFF;
  --ngs-pill-border-selected: #9B2C4D;
  --ngs-pill-check-selected: #9B2C4D;

  /* Tipografia. Stack de sistema por decisao de performance: zero webfont,
     zero FOIT/FOUT, zero request bloqueante. Nao "melhorar" com Google Fonts. */
  --ngs-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ngs-font-display: var(--ngs-font-sans);
  --ngs-line-height: 1.6;

  --ngs-fs-xs: 0.8125rem;
  --ngs-fs-sm: 0.9375rem;
  --ngs-fs-base: 1.0625rem;
  --ngs-fs-lg: 1.25rem;
  --ngs-fs-xl: 1.5rem;
  --ngs-fs-2xl: 2rem;
  --ngs-fs-3xl: 2.6rem;
  /* Degrau de display, so para o H1 de hero editorial. */
  --ngs-fs-display: 3.25rem;

  /* Espaco */
  --ngs-space-0: 0;
  --ngs-space-1: 0.25rem;
  --ngs-space-2: 0.5rem;
  --ngs-space-3: 0.75rem;
  --ngs-space-4: 1rem;
  --ngs-space-5: 1.25rem;
  --ngs-space-6: 1.5rem;
  --ngs-space-8: 2rem;
  --ngs-space-10: 2.5rem;
  --ngs-space-12: 3rem;
  --ngs-space-16: 4rem;

  /* Raio */
  --ngs-radius-sm: 0.375rem;
  --ngs-radius-md: 0.625rem;
  --ngs-radius-lg: 1rem;
  --ngs-radius-pill: 999px;

  /* Elevacao e movimento */
  --ngs-shadow-sm: 0 1px 3px rgba(36, 28, 31, 0.08);
  --ngs-shadow-md: 0 4px 12px rgba(36, 28, 31, 0.08);
  --ngs-shadow-cta: 0 6px 18px rgba(155, 44, 77, 0.20);
  --ngs-transition: 150ms ease;

  /* Regra de marca: alvo de toque minimo. Publico em Android de entrada. */
  --ngs-touch-min: 44px;
  /* Medida de leitura de prosa. */
  --ngs-measure: 40rem;
}