/* ==========================================================================
   Crônicas do Aquém — tokens
   --------------------------------------------------------------------------
   A paleta não foi escolhida: foi recolhida. Cada cor vem de algo que existe
   no Aquém — pedra molhada sob chuva, fuligem de chaminé, chama de lampião a
   gás, latão embaçado, o papel da carta náutica, verdete de cobre, óxido do
   astro vermelho.

   Estratégia de profundidade (uma só, sem misturar):
     deslocamento de superfície + fio de latão de 1px + uma luz direcional.
   Nenhuma sombra projetada. Gravura vitoriana não tem drop shadow.

   REGRA TIPOGRÁFICA DA CASA
   A serifa de exibição só vive em tamanho de manchete — de 1.4rem para cima.
   Abaixo disso a página inteira usa Spectral, desenhada para tela. Nenhum
   texto miúdo em tipo de exibição, e nenhuma haste fina sobre preto.
   Piso absoluto de tamanho: 0.875rem (14px), e só para ornamento.
   ========================================================================== */

:root {
  /* ---------------------------------------------------------------- matéria
     As matérias do mundo, em estado bruto. Nada consome estas diretamente:
     elas alimentam os papéis logo abaixo. */
  --breu: #07090a; /* paralelepípedo molhado, quase preto, viés azul-verde */
  --fuligem: #0c1013; /* fuligem depositada nas fachadas */
  --pedra: #11171a; /* granito da cidade, seco */
  --neblina: #1a2126; /* névoa iluminada por baixo */
  --neblina-alta: #27313a; /* névoa contra o céu */

  --lampiao: #f2b866; /* a chama do lampião a gás */
  --lampiao-nucleo: #ffe3b6; /* o núcleo branco-quente da chama */
  --lampiao-halo: #8a5a24; /* o halo que ela deixa na neblina */
  --latao: #b89051; /* latão embaçado das ferragens ... 6.9:1 */
  --latao-fosco: #7a5f36; /* o mesmo latão, sem luz em cima */

  --pergaminho: #efe9db; /* o papel da carta do mundo */
  --dalun: #c8d1d6; /* prata fria — a lua da Concórdia */
  --tianon: #8f2f27; /* óxido — o astro vermelho */
  --tianon-luz: #d1685c; /* o mesmo óxido, aceso */
  --verdete: #58a189; /* verdete de cobre; o arcano quando se manifesta */

  /* -------------------------------------------------------------- chapas
     Elevação. Passos de 2 a 3 pontos de luminância — perceptíveis empilhados,
     invisíveis isolados. Cabeçalho e tela dividem a chapa-0: cor diferente
     fragmentaria o espaço, e um fio de latão já basta para separar. */
  --chapa-0: #07090a;
  --chapa-1: #0c1013;
  --chapa-2: #11171a;
  --chapa-3: #171f23;

  /* ---------------------------------------------------------------- texto
     Quatro níveis, todos em uso, todos acima de 4.5:1 sobre a chapa-0 —
     exceto o quarto, reservado a ornamento e numeração grande (3.8:1).
     Branco puro sobre preto puro fere: o topo da escala é osso, não branco. */
  --texto-1: #efe9db; /* corpo e títulos ....... 16.6:1 */
  --texto-2: #b8b4a6; /* apoio e resumos ........ 9.2:1 */
  --texto-3: #928f84; /* metadados e legendas ... 5.8:1 */
  --texto-4: #757266; /* ornamento e numeração .. 3.8:1 */

  /* ------------------------------------------------------------------ fios
     Progressão de separação. Latão em opacidade baixa: define a borda sem
     exigir atenção. Nunca hex sólido — fio sólido sobre preto grita. */
  --fio-1: rgba(214, 190, 142, 0.12); /* separação padrão */
  --fio-2: rgba(214, 190, 142, 0.06); /* separação interna, mais macia */
  --fio-3: rgba(214, 190, 142, 0.22); /* ênfase, moldura de cartucho */
  --fio-4: rgba(242, 184, 102, 0.5); /* estado ativo / sob a luz */
  --foco: #f2b866; /* anel de foco — sempre a chama */

  /* -------------------------------------------------------------- controles
     Tokens próprios: campos e botões afinam-se sem arrastar as superfícies. */
  --controle-fundo: #0a0e10; /* mais escuro que a chapa em volta: é "dentro" */
  --controle-fundo-ativo: #141c20;
  --controle-fio: rgba(214, 190, 142, 0.22);

  /* --------------------------------------------------------------- a luz
     A luz do Aquém tem origem declarada. Todo halo, todo realce de topo e
     todo brilho de hover obedecem a este ponto; mudar aqui reilumina a
     página inteira. No herói, --rato-x/--rato-y assumem o lugar dela
     enquanto o ponteiro estiver sobre a seção. */
  --luz-x: 50%;
  --luz-y: 8%;
  --rato-x: 50%;
  --rato-y: 30%;

  /* ------------------------------------------------------------ tipografia
     Playfair Display: Scotch Roman — o tipo de manchete das prensas
     britânicas do século XIX. Contraste alto o bastante para ser dramático,
     hastes finas grossas o bastante para sobreviver a uma tela. Substituiu
     uma didone cujas hastes desapareciam nos títulos.
     Spectral: serifa desenhada para tela, sóbria, robusta em corpo pequeno.
     Não há sem-serifa nesta página. É uma escolha, não um descuido. */
  --face-exibicao: "Playfair Display", "Times New Roman", Georgia, serif;
  --face-texto: "Spectral", Georgia, "Times New Roman", serif;

  --t-monumento: clamp(3.6rem, 12.5vw, 9.5rem); /* AQUÉM */
  --t-nome: clamp(1.35rem, 4.2vw, 3rem); /* CRÔNICAS DO */
  --t-titulo: clamp(2.3rem, 4.6vw, 3.8rem); /* h2 de seção */
  --t-subtitulo: clamp(1.65rem, 2.5vw, 2.25rem); /* h3 de cartucho */
  --t-verbete: clamp(1.35rem, 1.8vw, 1.6rem); /* termo do gazeteiro */
  --t-destaque: clamp(1.25rem, 1.6vw, 1.55rem); /* parágrafo de abertura */
  --t-corpo: 1.1875rem; /* 19px */
  --t-nota: 1.0625rem; /* 17px */
  --t-micro: 1rem; /* 16px */
  --t-placa: 0.9375rem; /* 15px — placa de latão, caixa alta */
  --t-placa-peq: 0.875rem; /* 14px — piso absoluto da página */

  --trilha-placa: 0.14em; /* espaçado o bastante para ler, não para caçar */
  --trilha-titulo: -0.015em;
  --trilha-monumento: -0.03em;

  --entrelinha-corpo: 1.72;
  --entrelinha-destaque: 1.6;

  /* ------------------------------------------------------------- espaçamento
     Base 4px. Tudo é múltiplo. Valor solto denuncia ausência de sistema. */
  --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: 4rem;
  --e-9: 6rem;
  --e-10: 8rem;

  --secao-y: clamp(5.5rem, 11vw, 10rem); /* respiro entre seções */
  --margem: clamp(1.25rem, 5vw, 4.5rem); /* margem lateral da folha */
  --leito: 80rem; /* largura útil máxima */
  --coluna-texto: 36rem; /* medida de leitura confortável */
  --cabecalho-h: 4.75rem;

  /* ------------------------------------------------------------------ forma
     Raio quase zero. Gravura, placa e cartucho são retangulares. É o que mais
     afasta esta página do cartão arredondado padrão. */
  --raio: 2px;
  --raio-0: 0px;

  /* ---------------------------------------------------------------- motion
     Rápido no toque, desacelerado na chegada. Nada de mola, nada de quique. */
  --tempo-toque: 160ms;
  --tempo-troca: 320ms;
  --tempo-revelacao: 760ms;
  --tempo-estancia: 900ms; /* troca de vista na seção II */
  --curva: cubic-bezier(0.22, 0.61, 0.24, 1);
  --curva-saida: cubic-bezier(0.16, 1, 0.3, 1);

  /* ------------------------------------------------------------------ véus
     Camadas atmosféricas reaproveitadas em várias seções. */
  --vinheta: radial-gradient(
    118% 96% at var(--luz-x) var(--luz-y),
    rgba(7, 9, 10, 0) 0%,
    rgba(5, 7, 8, 0.34) 50%,
    rgba(3, 4, 5, 0.95) 100%
  );
  --halo-lampiao: radial-gradient(
    42% 36% at var(--luz-x) var(--luz-y),
    rgba(242, 184, 102, 0.16) 0%,
    rgba(180, 124, 56, 0.07) 38%,
    rgba(0, 0, 0, 0) 74%
  );

  color-scheme: dark;
}