/*
 * Núcleo visual VetMeriti — fonte única de cores e medidas (DEC-APP-001, etapa 1).
 * Origem: vetmeriti-hub/design-system/tokens.css. Os demais repositórios recebem
 * cópia idêntica, conferida por SHA-256 (tokens.source.json). Não editar cópias.
 * Fora deste arquivo, telas usam somente var(--vm-*); cores escritas direto no
 * código são recusadas pelo teste de vigilância.
 */
:root {
  /* Fonte */
  --vm-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vm-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Neutros */
  --vm-bg: #f2f5f3;
  --vm-surface: #fff;
  --vm-surface-muted: #f7f9f8;
  --vm-surface-sunken: #eaf0ec;
  --vm-border: #dce5df;
  --vm-border-strong: #bdcec4;
  --vm-text: #1e3431;
  --vm-muted: #536a65;
  --vm-subtle: #7d8f88;

  /* Marca */
  --vm-primary: #226c50;
  --vm-primary-strong: #19553e;
  --vm-primary-bright: #18a780;
  --vm-primary-muted: #a9d6c6;
  --vm-primary-text: #fff;
  --vm-soft: #e8f2ec;

  /* Estados: texto, fundo claro e borda; "strong" só para ícones e marcas gráficas */
  --vm-success: #1d6b45;
  --vm-success-soft: #e6f4ec;
  --vm-success-border: #b7dcc6;
  --vm-warning: #8a5a00;
  --vm-warning-soft: #fff4dc;
  --vm-warning-border: #ecd39a;
  --vm-warning-strong: #d79419;
  --vm-danger: #ad3434;
  --vm-danger-soft: #fbeaea;
  --vm-danger-border: #efbcbc;
  --vm-danger-strong: #d9483d;
  --vm-info: #2f5f8f;
  --vm-info-soft: #e8f0f8;
  --vm-info-border: #bfd1e6;

  /* Superfície escura (menus laterais escuros, balões) e o que vai sobre ela */
  --vm-inverse: #1e2a26;
  --vm-on-inverse: #fff;
  --vm-on-inverse-muted: rgb(255 255 255 / .72);
  --vm-on-inverse-line: rgb(255 255 255 / .16);

  /* Transparências */
  --vm-surface-glass: rgb(255 255 255 / .9);
  --vm-primary-alpha: rgb(34 108 80 / .16);
  --vm-overlay: rgb(14 30 26 / .5);
  --vm-shadow-color: rgb(23 48 44 / .1);
  --vm-shadow-color-strong: rgb(23 48 44 / .2);

  /* Séries de gráficos e categorias (setores, tipos) */
  --vm-chart-1: #226c50;
  --vm-chart-2: #355f98;
  --vm-chart-3: #7956ad;
  --vm-chart-4: #a8701f;
  --vm-chart-5: #2f8086;
  --vm-chart-6: #b4534a;

  /* Cantos */
  --vm-radius-xs: 4px;
  --vm-radius-sm: 8px;
  --vm-radius-md: 12px;
  --vm-radius-lg: 16px;
  --vm-radius-xl: 24px;
  --vm-radius-pill: 999px;
  --vm-radius: var(--vm-radius-md);

  /* Escala de texto (aplicada módulo a módulo na etapa 3; mínimo 12 px) */
  --vm-text-xs: 12px;
  --vm-text-sm: 14px;
  --vm-text-md: 16px;
  --vm-text-lg: 18px;
  --vm-text-xl: 20px;
  --vm-text-2xl: 24px;
  --vm-text-3xl: 30px;

  /* Espaçamento entre letras de rótulos em maiúsculas (cabeçalho de tabela, indicador, dia, evento) */
  --vm-letter-spacing-rotulo: .03em;

  /* Espaços em múltiplos de 4 px */
  --vm-space-1: 4px;
  --vm-space-2: 8px;
  --vm-space-3: 12px;
  --vm-space-4: 16px;
  --vm-space-6: 24px;
  --vm-space-8: 32px;
  --vm-space-12: 48px;

  /* Alturas de controles; a área de toque nunca fica abaixo de 44 px */
  --vm-control-sm: 36px;
  --vm-control-md: 44px;
  --vm-control-lg: 52px;

  /* Linhas, foco e movimento */
  --vm-border-width: 1px;
  --vm-accent-width: 4px;
  --vm-focus-width: 2px;
  --vm-focus-offset: 2px;
  --vm-duration: .15s;

  /* Sombras */
  --vm-shadow-sm: 0 1px 2px var(--vm-shadow-color);
  --vm-shadow-md: 0 8px 24px var(--vm-shadow-color);
  --vm-shadow-lg: 0 24px 64px var(--vm-shadow-color-strong);

  /* Ícones e peças sobrepostas (diálogo, aviso) */
  --vm-icon-sm: 16px;
  --vm-icon-md: 24px;
  --vm-icon-lg: 32px;
  --vm-dialog-width: 480px;
  --vm-toast-width: 420px;

  /* Camadas */
  --vm-z-nav: 40;
  --vm-z-overlay: 50;
  --vm-z-toast: 100;
}