/* tokens.css — fonte ÚNICA de cor/fonte/espaço. Não chumbar valores fora daqui. */
:root {
  /* paleta (escura, com glow violeta + brasa) */
  --bg:        #0a0a0f;
  --bg-elev:   #12121a;
  --text:      #ECECF1;
  --text-dim:  #9aa0b4;
  --line:      #23232e;
  --accent-1:  #7C3AED; /* violeta */
  --accent-2:  #F59E0B; /* âmbar/brasa */

  /* tipografia */
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, sans-serif;

  /* espaços */
  --space-1: .5rem; --space-2: 1rem; --space-3: 2rem; --space-4: 4rem;

  /* raio / motion */
  --radius: 14px;
  --ease: cubic-bezier(.22,.61,.36,1);

  /* camada visual — glow / aurora */
  --glow-1: var(--accent-1);            /* violeta */
  --glow-2: var(--accent-2);            /* brasa */
  --glow-size: clamp(420px, 70vw, 880px); /* diâmetro do brilho principal */
  --glow-blur: 90px;                    /* difusão dos blobs de aurora */
  --glow-opacity: .55;                  /* intensidade geral do glow */

  /* textura (grão) */
  --grain-opacity: .045;
  --grain-size: 160px;

  /* linhas estruturais (grid sutil) */
  --grid-size: 88px;                    /* passo do grid de fundo */
  --grid-opacity: .5;                   /* fator extra sobre --line */

  /* movimento — "respiro" do gradiente */
  --breathe-duration: 16s;
  --pulse-duration: 2.6s;
  --reveal-duration: 1.1s;
}