/* Tokens do Guia de Aparelho — a fonte única de cor do produto inteiro.
 *
 * Estava dentro do estilo.css, e o portal da academia tinha uma cópia própria, com
 * outros nomes (--txt em vez de --texto, --sub em vez de --texto-suave) e outra cor de
 * acento. Duas réguas no mesmo produto: a placa no aparelho era vermelha, o portal era
 * grafite e mostarda, e quem entrava nos dois via dois sistemas diferentes. Pior, trocar
 * a marca de uma academia exigia lembrar de dois arquivos.
 *
 * Agora é um arquivo só, carregado pelas páginas públicas e pelo portal. Quem quiser a
 * cor de outra academia sobrescreve estes mesmos nomes, e tudo acompanha.
 */
:root {
  /* Azul da interface. Nasceu amostrado do PNG antigo da logo e ficou: oklch(0.279 0.120 261),
     no mesmo eixo de matiz dos neutros abaixo (261-263), o que mantém a régua coerente. O
     marinho da marca impressa é outro, oklch(0.257 0.058 276), mais violeta e bem menos
     saturado. Os dois convivem de propósito: #1C203F é a marca no papel, #012262 é a tela.
     Ver marca/o2/README.md. */
  --marca: #012262;

  /* Os dois vermelhos saem do MESMO matiz do vetor da logo, 27.6 em oklch. O de texto
     era #f0565b, que estava em 22.1: cinco graus e meio para o coral, e reprovava em
     4.40:1 sobre o rodapé. Agora é oklch(0.675 0.212 27.6), que passa AA nos quatro
     fundos do sistema com folga (pior caso 4.63:1). */
  --acento: #d10a15;          /* oklch(0.544 0.218 27.6) — o vermelho do vetor, sem retoque */
  --acento-texto: #ff5146;    /* oklch(0.675 0.212 27.6) — o mesmo vermelho, clareado para virar texto */
  --acento-forte: #b4000c;    /* oklch(0.484 0.199 27.6) — o mesmo, escurecido */

  /* A BARRA (topo e rodapé) é vermelha, e usa o --acento-forte, não o --acento.
     Medido: sobre o #d10a15 puro só o branco passa AA, e os textos secundários do
     rodapé morrem em 2,9:1 — some a hierarquia inteira. Em oklch 0.484 sobram três
     níveis legíveis: branco 7,1:1, o claro 5,8:1 e o apagado 4,6:1. É o vermelho
     mais vivo que ainda sustenta um rodapé com texto de verdade.
     O --acento continua sendo o vermelho de destaque DENTRO do conteúdo escuro. */
  --barra: #b4000c;
  --barra-texto: #fce1dd;     /* parágrafos e links do rodapé, 5,8:1 */
  /* O fraco é mais claro do que a conta pedia sobre o vermelho puro (bastaria oklch
     0.86). Ele é 0.90 porque o rodapé tem cartões com rgba(255,255,255,.07) por cima,
     e ali o fundo composto sobe para #b9121d: no 0.86 o texto caía para 4,27:1. Neste
     valor ele passa nos dois contextos, 5,2:1 no vermelho e 4,9:1 dentro do cartão. */
  --barra-fraco: #f8d5d0;

  --fundo: #040d22;
  --superficie: #0a1a3d;
  --superficie-alta: #102450;
  --borda: rgba(255,255,255,.10);
  --borda-forte: rgba(255,255,255,.18);

  --texto: #f3f6fc;
  --texto-suave: #9bacca;     /* 8.4:1 */
  --texto-fraco: #8496b6;     /* 6.5:1, o mais claro que ainda recua */

  --raio: 16px;
  --coluna: 720px;
  --lateral: 284px;
  --topo: 74px;
}