/* Tokens do Lista Virtual.
 *
 * UM LUGAR SO PARA A MARCA. Antes destes tokens, cor e fonte estavam
 * espalhadas em `style=` no HTML e em `templatemo-eduwell-style.css`, e a
 * mesma decisao aparecia escrita de dois jeitos.
 *
 * A COR DA BARRA NAO MUDOU AQUI DE PROPOSITO. `--lv-gradient` reprova no
 * contraste: a parada laranja (#f4a261) da 2,06:1 contra o branco, e o piso
 * para texto abaixo de 18,66px em negrito e 4,5:1. A troca esta registrada no
 * TAREFAS.md com cinco caminhos medidos, esperando decisao de marca, porque
 * mexe na logo. Este arquivo copia o que esta no ar; nao decide por ninguem.
 */
:root {
  --lv-ink: #1a1a2e;
  --lv-muted: #4a4a4a;
  --lv-line: #e8ecf4;
  --lv-surface: #ffffff;
  --lv-bg: #f9fafb;

  --lv-accent: #dc8cdb;
  --lv-accent-soft: #fdf2fb;
  --lv-accent-strong: #b567c7;

  /* A terceira cor da marca, que ate agora so existia dentro do gradiente.
     Vira token porque o selo do numero em "Como funciona" a usa sozinha.
     ATENCAO AO QUE SE POE EM CIMA: branco sobre ela da 2,06:1, e o piso da
     WCAG e 4,5:1. Texto sobre este laranja vai de `--lv-ink`, que da 8,27:1. */
  --lv-laranja: #f4a261;
  --lv-gradient: linear-gradient(to right, #f4a261, #dc8cdb, #b567c7);
  --lv-barra: var(--lv-gradient);

  /* LARGURA DE CONTEUDO: 1280px de CONTEUDO, e nao de caixa.
     O desenho nao tem reset e roda em `content-box`, onde
     `max-width:1280px` deixa 1280 para o texto e soma o padding por
     fora. A pagina carrega o reset do Bootstrap (`box-sizing:border-box`),
     onde o mesmo valor tira o padding de dentro e deixa 1216 -- 64px a
     menos em TODA secao, o que fazia o titulo do hero quebrar numa linha
     a mais que no desenho. 1344 = 1280 + os dois 32 do padding. */
  --lv-largura: 1344px;

  --lv-font-display: 'Nunito', system-ui, sans-serif;
  --lv-font-text: 'Open Sans', system-ui, sans-serif;

  --lv-secao: 64px;
  --lv-titulo-gap: 36px;
}