/* ============================================================
   MECANISMOS — sistema de design
   Um caderno técnico escuro. Cor só onde carrega informação:
   cada fase de um ciclo tem a sua, e nada mais é colorido.
   ============================================================ */

:root{
  /* superfícies.
     O fundo e o painel ficam onde estavam — é a identidade do
     site. O que subiu foi o que se DESENHA por cima deles: as
     linhas, as peças maciças e o cinzento dos rótulos. A queixa
     era "parece tudo escuro", e a medição dava-lhe razão: com
     #2A3642 sobre #121821 uma parede de cilindro tinha 1,45:1
     de contraste, ou seja quase nada. */
  --ink:        #0B0F14;
  --panel:      #121821;
  --panel-2:    #1F2C3C;   /* peças maciças. 1,12:1 -> 1,27:1 */
  --line:       #41505F;   /* estrutura desenhada. 1,45:1 -> 2,17:1 */
  --line-soft:  #222D3A;   /* grelha do fundo, divisórias */

  /* texto */
  --text:       #E8EDF2;
  --text-muted: #8CA0AF;
  --text-faint: #748394;   /* rótulos a 9 px. 2,93:1 -> 4,61:1 */

  /* fases — vocabulário partilhado por todos os mecanismos.
     Um mecanismo pode definir as suas, mas estas são o padrão.
     Subiram um degrau de saturação e de luz pela mesma razão que
     as linhas: a cor é o único sinal que distingue uma fase da
     outra, e estava a chegar esbatida. O cinzento do escape era o
     pior caso — em três páginas é a cor da fase mais importante. */
  --fase-admissao:    #64C0D6;
  --fase-compressao:  #D6A957;
  --fase-explosao:    #EE6B31;
  --fase-escape:      #93A2B0;

  /* Ligações. Não é o --accent de propósito: o acento quer dizer
     "esta fase, agora" e muda a meio da leitura. Uma ligação tem de
     ser sempre da mesma cor, senão deixa de se reconhecer como
     ligação. Fica na família do site sem ser nenhuma cor de fase. */
  --link:       #6ABBD9;
  --link-fundo: rgba(106, 187, 217, .10);

  /* quanto se escurece o que está fora do foco. Ver layout.css. */
  --foco-veu: .78;

  /* acento activo — o núcleo reescreve isto conforme a fase */
  --accent: var(--fase-admissao);

  /* tipografia */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body:    'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* ritmo */
  --gap:      40px;
  --radius:   14px;
  --radius-s: 7px;
}