/* ==========================================================================
   Aivra Labs — tokens de design das propostas
   Cores extraídas da logo (logos/branca.png). Não altere por proposta:
   personalizações de cliente entram como variáveis no <style> da própria página.
   ========================================================================== */

:root {
  /* Cores base */
  --abismo: #050b1f;        /* fundo da página */
  --noite: #0b1633;         /* superfícies e seções alternadas */
  --noite-2: #111f45;       /* superfície elevada (hover, campos) */
  --linha: rgb(142 155 192 / 0.18);
  --linha-forte: rgb(142 155 192 / 0.34);

  /* Cores da marca */
  --royal: #0037fe;
  --azul: #1770ff;
  --ciano: #00aeff;
  --gradiente: linear-gradient(100deg, var(--royal) 0%, var(--azul) 45%, var(--ciano) 100%);

  /* Texto */
  --texto: #e8eeff;
  --texto-suave: #8e9bc0;
  --texto-fraco: #5e6b91;

  /* Estados */
  --ok: #3ddc97;
  --atencao: #ffc857;

  /* Tipografia */
  --fonte-display: "Unbounded", "Arial Black", system-ui, sans-serif;
  --fonte-texto: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Escala tipográfica (razão ~1.25, fluida nos títulos) */
  --t-xs: 0.8125rem;
  --t-sm: 0.9375rem;
  --t-md: 1.0625rem;
  --t-lg: 1.25rem;
  --t-xl: clamp(1.375rem, 1.1rem + 0.9vw, 1.75rem);
  --t-2xl: clamp(1.625rem, 1.25rem + 1.3vw, 2.25rem);
  --t-3xl: clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);

  /* Espaçamento */
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4.5rem;
  --e-9: clamp(4.5rem, 3rem + 6vw, 8rem); /* respiro entre seções */

  /* Layout */
  --largura: 72rem;
  --largura-texto: 40rem;
  --margem: clamp(1.25rem, 0.5rem + 3vw, 2.5rem);
  --altura-header: 4rem;

  /* Raios: pequeno para controles, médio para molduras. Sem raio em linhas e tabelas. */
  --raio-p: 6px;
  --raio-m: 14px;

  /* Movimento */
  --ease: cubic-bezier(0.2, 0.7, 0.1, 1);
}