/* allq-tokens.css — tokens visuais AllQ Hub. Nenhum valor solto fora deste arquivo. */
:root {
  /* Cores de marca */
  --allq-blue-navy: #052E7D;
  --allq-blue: #0070FE;
  --allq-yellow: #F0AD0C;
  --allq-orange: #EE8C0D;
  --allq-jet: #2F2F2F;

  /* Semanticos */
  --allq-border: #E2E8F0;
  --allq-bg: #F0F4FA;
  --allq-surface: #FFFFFF;
  --allq-text-primary: var(--allq-jet);
  --allq-text-secondary: #64748B;
  --allq-text-muted: #94A3B8;
  --allq-danger: #DC2626;
  --allq-success: #16A34A;

  /* Etapas */
  --allq-etapa-frio: #64748B;
  --allq-etapa-quente: var(--allq-orange);
  --allq-etapa-proposta: var(--allq-blue);
  --allq-etapa-perdido: #CBD5E1;

  /* Tipografia — tamanhos */
  --allq-display: 40px;
  --allq-h1: 30px;
  --allq-h2: 22px;
  --allq-body: 16px;
  --allq-label: 14px;
  --allq-caption: 13px;

  /* Espacamento */
  --allq-space-1: 4px;
  --allq-space-2: 8px;
  --allq-space-3: 12px;
  --allq-space-4: 16px;
  --allq-space-5: 24px;
  --allq-space-6: 32px;
  --allq-space-7: 48px;
  --allq-space-8: 64px;

  /* Raio */
  --allq-radius-sm: 4px;
  --allq-radius-md: 8px;
  --allq-radius-lg: 12px;
  --allq-radius-full: 9999px;

  /* Sombras */
  --allq-shadow-sm: 0 1px 3px rgba(5, 46, 125, 0.08);
  --allq-shadow-md: 0 4px 12px rgba(5, 46, 125, 0.12);
  --allq-shadow-lg: 0 8px 24px rgba(5, 46, 125, 0.18);
}