/* akrasIA · tokens do Guia de identidade visual v1.1 (out 2026).
   Cores e fontes vêm só do guia. Não invente cores novas aqui. */
:root{
  color-scheme: dark;

  /* Paleta base */
  --ak-marinho: #0B1D3F;
  --ak-superficie: #122A57;
  --ak-linha: #23407A;
  --ak-branco: #FFFFFF;

  /* Paradas do gradiente (também usadas como cor sólida de acento) */
  --ak-celeste: #5CEBFF;
  --ak-azul: #3D7BFF;
  --ak-violeta: #7C42F5;
  --ak-roxo: #D53CF0;

  /* Texto sobre marinho */
  --ak-texto: #F3F6FC;
  --ak-texto-2: #B7C3DB;
  --ak-texto-3: #8FA0C2;

  /* O único gradiente: ciano embaixo, roxo em cima. Um elemento por tela. */
  --ak-grad: linear-gradient(0deg, #5CEBFF 0%, #3D7BFF 38%, #7C42F5 70%, #D53CF0 100%);
  --ak-grad-diag: linear-gradient(60deg, #5CEBFF 0%, #3D7BFF 38%, #7C42F5 70%, #D53CF0 100%);

  /* Destaque de título: uma vez por página, cor sólida */
  --ak-destaque: #5CEBFF;

  /* Tipografia */
  --ak-font-titulo: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --ak-font-texto: 'Figtree', 'Segoe UI', system-ui, sans-serif;
  --ak-fs-t1: clamp(34px, 5.2vw, 56px);
  --ak-fs-t2: clamp(26px, 3.2vw, 36px);
  --ak-fs-t3: clamp(20px, 2vw, 24px);
  --ak-fs-corpo: 17px;
  --ak-fs-lede: clamp(17px, 2.1vw, 20px);
  --ak-fs-rotulo: 12px;
  --ak-fs-botao: 15px;

  /* Raios */
  --ak-raio-pill: 999px;
  --ak-raio-painel: 22px;
  --ak-raio-cartao: 18px;
  --ak-raio-cartao-p: 16px;
  --ak-raio-chip: 10px;

  /* Brilho suave: 1 ou 2 por tela, cantos opostos, 15 a 35 % */
  --ak-sombra-grande: 0 26px 70px rgba(0, 0, 0, .45);
  --ak-sombra-objeto: 0 30px 60px rgba(0, 0, 0, .5);
  --ak-divisor: linear-gradient(90deg, transparent, #23407A, transparent);

  /* Layout */
  --ak-largura: 1120px;
  --ak-gutter: clamp(16px, 4vw, 24px);
  --ak-secao: clamp(64px, 9vw, 112px);
  --ak-alvo: 44px;

  /* Movimento: o gesto da marca é subir e se soltar */
  --ak-ease: cubic-bezier(.2, .8, .2, 1);
  --ak-rapido: 150ms;
  --ak-medio: 350ms;
  --ak-lento: 700ms;
}