/* ============================================================
   AllQ Design Tokens
   Fonte de verdade para espacamento, tipografia, cor, raio e sombra.
   Importar antes de qualquer outro CSS do projeto.
   Em projetos AllQ Hub: importar dentro de allq-global.css.
   ============================================================ */

:root {

  /* --- COR -------------------------------------------------
     Hex oficiais: skill allq-id-visual. Nunca usar hex solto. */
  --allq-jet:          #2F2F2F;  /* texto principal, fundo dark */
  --allq-blue-navy:    #052E7D;  /* Saint Patrick's Blue - primaria institucional */
  --allq-blue:         #0070FE;  /* Blue Crayola - acao, CTA, link */
  --allq-yellow:       #F0AD0C;  /* Honey Yellow - acento quente */
  --allq-orange:       #EE8C0D;  /* Carrot Orange - acento secundario */
  --allq-white:        #FFFFFF;

  --allq-bg:           #F5F5F7;  /* fundo de tela light */
  --allq-surface:      #FFFFFF;  /* fundo de card/painel */
  --allq-border:       #E4E4E8;  /* borda neutra fina, unica permitida */
  --allq-text:         #2F2F2F;  /* texto padrao */
  --allq-text-soft:    #6B6B72;  /* texto secundario, metadados */

  --allq-success:      #1F9D55;
  --allq-danger:       #D64545;

  /* --- ESPACAMENTO -----------------------------------------
     Escala base 4. Conjunto fechado. Nenhum padding ou margin
     fora destes valores. */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-6:   24px;
  --space-8:   32px;
  --space-12:  48px;
  --space-16:  64px;
  --space-24:  96px;

  /* --- TIPOGRAFIA ------------------------------------------
     Papeis fixos. O papel define o tamanho, nao o agente.
     Fontes: ver nota de divergencia no SKILL.md. */
  --font-display:  'DM Sans', sans-serif;
  --font-body:     'Montserrat', sans-serif;

  --text-display:  40px;  /* titulo de tela / hero */
  --text-h1:       30px;  /* titulo de secao */
  --text-h2:       22px;  /* subtitulo */
  --text-body-lg:  18px;  /* corpo destacado */
  --text-body:     16px;  /* corpo padrao */
  --text-label:    14px;  /* label, botao, input */
  --text-caption:  13px;  /* metadado, caption */

  --leading-tight:    1.2;
  --leading-normal:   1.5;
  --leading-relaxed:  1.65;

  --weight-regular:   400;
  --weight-medium:    500;
  --weight-semibold:  600;
  --weight-bold:      700;

  /* --- RAIO -------------------------------------------------
     PADRÃO HÍBRIDO DE INTERFACE (allq-id-visual, validado no AllQ Traffic):
     casca reta por fora, blocos macios por dentro.

     - Casca (card externo, painel, modal, logo, marcador): 0px, cantos retos.
     - Bloco interno (sub-card, faixa, barra, tabela dentro de painel): 10px.
     - Controle (input, botão, chip, aba): 4px.

     Os nomes sm/md/lg foram mantidos para não reescrever as 20 telas de uma
     vez, mas o SIGNIFICADO mudou: md deixou de ser "card" e passou a ser
     "bloco interno", lg deixou de ser "modal" e passou a ser a casca reta. */
  --radius-sm:    4px;   /* input, botão, chip, aba */
  --radius-md:    10px;  /* bloco interno: sub-card, faixa, barra */
  --radius-lg:    0px;   /* casca: card externo, painel, modal, marcador */
  --radius-pill:  999px; /* pílula de status continua pílula */

  /* --- SOMBRA ----------------------------------------------
     2 valores. Sem shadow-xl espalhado. */
  --shadow-sm:  0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md:  0 4px 12px rgba(15, 23, 42, 0.08);

  /* --- MOVIMENTO -------------------------------------------- */
  --ease:  160ms ease;
}