/* tokens.css — variaveis do projeto. Editado apenas pelo chat ESTRUTURA. */
:root {
  /* fundo: azul quase preto, com camadas */
  --fundo:            #04070f;
  --fundo-2:          #070d1c;
  --superficie:       #0a1426;
  --superficie-alta:  #0f1d35;
  --borda:            #16294a;
  --borda-viva:       #1e3d6b;

  /* azuis: o tom da marca */
  --azul:             #2f7dff;
  --azul-claro:       #6aa6ff;
  --azul-profundo:    #1450b8;
  --ciano:            #22d3ee;
  --ciano-suave:      #67e8f9;

  /* semanticas */
  --seguro:           #22c55e;
  --alerta:           #f59e0b;
  --ameaca:           #ff4d5e;

  /* texto */
  --texto:            #e9f1ff;
  --texto-suave:      #93a9cc;
  --texto-fraco:      #5d7399;

  /* brilhos */
  --brilho-azul:      0 0 40px rgba(47, 125, 255, .35);
  --brilho-ciano:     0 0 30px rgba(34, 211, 238, .35);

  /* tipografia */
  --fonte: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
  --fonte-mono: ui-monospace, "Cascadia Mono", "Consolas", "SF Mono", monospace;

  /* espaco */
  --esp-1: .5rem;  --esp-2: 1rem;   --esp-3: 1.5rem;
  --esp-4: 2rem;   --esp-5: 3rem;   --esp-6: 5rem;   --esp-7: 8rem;

  --largura: 86rem;        /* largura util: telas grandes estavam sobrando margem */
  --raio: 14px;
  --raio-p: 8px;

  --transicao: 320ms cubic-bezier(.2, .7, .3, 1);
}