/* ====================================================================
   tokens.css — a ÚNICA declaração dos tokens visuais da Luren.

   Mesma regra do Atlas: token novo entra AQUI e em lugar nenhum mais.
   Se um valor estiver duplicado em outro arquivo, ele vai divergir,
   e ninguém vai ver acontecer.

   Doutrina de cor (seção 3 do DESIGN.md):
   a cor é propriedade do mundo real, não da marca. A interface é
   sempre monocromática. Cor entra junto com a coisa real (foto,
   render). O menta só aparece quando significa "vivo".
   ==================================================================== */

:root {
  /* ---- chão claro: site, documento, marketing ---- */
  --lu-bg:            #EDEEF2;  /* quase-branco frio. NUNCA #fff como fundo */
  --lu-surface:       #F7F8FA;  /* cartão, faixa, bloco */
  --lu-raised:        #FFFFFF;  /* branco puro só como superfície elevada */
  --lu-border:        rgba(26, 28, 33, 0.10);
  --lu-border-strong: rgba(26, 28, 33, 0.22);

  /* ---- tinta ---- */
  --lu-ink:    #1A1C21;  /* texto forte. NUNCA #000 puro */
  --lu-ink-2:  #6E727D;  /* texto secundário, o tom "apagado" do título de 2 tons */
  --lu-ink-3:  #9A9EA8;  /* rótulo, metadado, legenda */

  /* ---- chão escuro: o console do produto ---- */
  --lu-void:         #0E1013;  /* fundo do console. NUNCA #000 puro */
  --lu-void-surface: #16191E;
  --lu-void-raised:  #1E222A;
  --lu-void-border:  rgba(242, 243, 245, 0.12);
  --lu-ink-inv:      #F2F3F5;
  --lu-ink-inv-2:    #8B8F99;

  /* ---- menta: o sistema está vivo ---- */
  /* Único uso permitido: sinal de estado. Nunca decoração, nunca área grande. */
  --lu-live:     #2FD6A5;  /* ponto, borda de estado, número que se move */
  --lu-live-ink: #0E8F6B;  /* variante escura, quando precisa carregar texto no claro */

  /* ---- estados que não são "vivo" ---- */
  --lu-wait:   #E8A33D;  /* esperando aprovação humana */
  --lu-fail:   #E05B4B;  /* falhou */

  /* ---- tipografia ---- */
  --lu-font-display: "Mont Heavy", "Mont", system-ui, sans-serif; /* só marca e título */
  --lu-font-ui:      "Inter", system-ui, -apple-system, sans-serif;
  --lu-font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* ---- raio ---- */
  --lu-r-surface: 6px;    /* cartão, campo, faixa */
  --lu-r-pill:    999px;  /* botão, tag, seletor */

  /* ---- espaço (escala de 4) ---- */
  --lu-s1: 4px;  --lu-s2: 8px;  --lu-s3: 12px; --lu-s4: 16px;
  --lu-s5: 24px; --lu-s6: 32px; --lu-s7: 48px; --lu-s8: 80px;

  /* ---- movimento ---- */
  --lu-ease:     cubic-bezier(0.16, 1, 0.3, 1);
  --lu-dur-site: 700ms;  /* entrada no site, uma vez por visita */
  --lu-dur-app:  150ms;  /* produto. NADA passa de 200ms aqui */
}