/* ============================================================
   tokens.css — variáveis CSS unificadas do Criador LP
   Importado em todas as páginas ANTES de header.css.
   Cores em hex (paleta dark verde), tipografia Inter, escala spacing.
   ============================================================ */
:root{
  /* Backgrounds */
  --bg:        #0a0d0b;
  --bg-2:      #0f1411;
  --card:      #121814;
  --card-2:    #161e19;

  /* Linhas e bordas */
  --line:      #1f2a23;
  --line-2:    #2a3a30;

  /* Texto */
  --text:      #e9f3ec;
  --text-2:    #9fb3a6;
  --text-3:    #6e8278;

  /* Acento principal (verde) */
  --accent:    #22c55e;
  --accent-2:  #16a34a;
  --accent-fg: #04140a;
  --accent-soft:#bef0c9;

  /* Acento alternativo (azul) usado em LPs alt-blue */
  --blue:      #4d8fff;
  --blue-2:    #2563eb;

  /* Outros sinais */
  --amber:     #f5b800;
  --amber-fg:  #ffe79e;
  --danger:    #ef4444;
  --danger-fg: #fca5a5;

  /* Shapes */
  --radius:    14px;
  --radius-sm: 8px;

  /* Container */
  --max:       1360px;

  /* Gradientes */
  --grad-accent: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);
  --grad-accent-text: linear-gradient(180deg, #4ade80, #16a34a);
  --grad-blue:   linear-gradient(180deg, #4d8fff 0%, #2563eb 100%);
  --grad-bg:     radial-gradient(900px 500px at 50% -10%, rgba(34,197,94,.10), transparent 60%);
}

/* Acessibilidade — esconde visualmente mas mantém pra screen reader */
.sr-only{
  position:absolute !important;
  width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* Focus visible global (defesa em profundidade) */
:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
  border-radius:6px;
}

/* prefers-reduced-motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}