True Blueprint (Projeto de Engenharia)

Um tema de deck bloqueado, com tema único, portado do tema blueprint licenciado pela MIT no projeto upstream lewislulu/html-ppt-skill (36 temas × 31 layouts). O deck inteiro é lido como um conjunto de desenhos de engenharia: papel azul blueprint, grade de desenho branca, contornos de componentes tracejados, letras mono, anotações em vermelho âmbar.

Comece em example.html. Substitua apenas o conteúdo. Nunca reescreva o sistema de design ou o script de tempo de execução. O tema está BLOQUEADO — sem alternância de temas, sem cores ou fontes fora desta especificação.

Nota irmã: html-ppt-knowledge-arch-blueprint é a variante blueprint clara (papel creme + tinta vermelho ferrugem). Este plugin é o esquema de polaridade oposta — campo azul escuro, tinta branca. Não misture as duas paletas.

Folha de tokens bloqueada (:root — reproduzir textualmente)

:root{
  --bg:#0b3a6f; --bg-soft:#0a3260;
  --surface:rgba(255,255,255,.06); --surface-2:rgba(255,255,255,.1);
  --border:rgba(190,220,255,.3); --border-strong:rgba(190,220,255,.55);
  --text-1:#e8f3ff; --text-2:#b8d4f0; --text-3:#7da8cf;
  --accent:#ffffff; --accent-2:#aee1ff; --accent-3:#ffd27a;
  --good:#8ef0a6; --warn:#ffd27a; --bad:#ff8a96;
  --grad:linear-gradient(135deg,#ffffff,#aee1ff);
  --grad-soft:linear-gradient(135deg,#0a3260,#0b3a6f);
  --radius:2px; --radius-sm:2px; --radius-lg:4px;
  --shadow:none; --shadow-lg:0 16px 40px rgba(0,0,0,.3);
  --font-sans:'JetBrains Mono','IBM Plex Mono',Menlo,monospace;
  --font-serif:'JetBrains Mono',Menlo,monospace;
  --font-mono:'JetBrains Mono',SFMono-Regular,Menlo,monospace;
  --font-display:'JetBrains Mono',Menlo,monospace;
  --letter-tight:-.02em; --letter-normal:0;
  --ease:cubic-bezier(.4,0,.2,1);
  --grid-line:rgba(255,255,255,.06);
  --ink:rgba(190,220,255,.45);
}

Funções de cor: branco --accent para ênfase de título, azul gelo --accent-2 para linhas de tinta / conectores / progresso, âmbar --accent-3 estritamente para anotações, chamadas e o único elemento destacado por slide. --good/--warn/--bad (menta/âmbar/coral) são semânticas de anotação de linha vermelha — use-as apenas em sobrancelhas e marcas de seleção, nunca como preenchimentos.

Tipografia

• Uma família em todos os lugares. Todos os slots de fonte são 'JetBrains Mono', monospace. O único recurso remoto permitido é o JetBrains Mono Google Fonts @import (pesos 300/400/500/700/800 + itálico 400).
• .h1/.h2 são MAIÚSCULAS, peso 800/700, clamp()-fluido (h1: clamp(40px,5vw,64px)).
• .kicker é um rótulo estilo // slash-comment: 13px, 700, espaçamento de letras .18em, maiúsculas, azul gelo. .eyebrow: 12px, .22em, --text-3.
• .lede é peso 300, --text-2, largura máxima 64ch.

Dispositivos de assinatura (o que o torna um blueprint)

1. Tela de grade de desenho — o fundo do corpo é duas camadas de linear-gradient de 1px em rgba(255,255,255,.06) em uma célula de 40px sobre #0b3a6f sólido. Nunca substitua por um preenchimento plano ou uma imagem.
2. Moldura dupla de desenho — cada slide desenha .slide::before (1px sólido --ink, inset 28px) e .slide::after (1px tracejado, inset 34px).
3. Cartões translúcidos tracejados — .card é rgba(255,255,255,.04) com uma borda tracejada de 1px rgba(190,220,255,.45), raio de 2px, sem sombra.
4. Bloco de título — a capa carrega uma faixa .title-block de células com borda: DWG NO. / REV. / SCALE / DATE (valor REV em âmbar).
5. Números de seção de linha de construção — dígitos gigantes .section-num, preenchimento transparente, 1.5px -webkit-text-stroke em --ink.
6. Gráficos hachurados — preenchimentos .bar-chart .bar com um hachura cruzada repeating-linear-gradient de 45° (azul gelo; .hot = âmbar para a única barra destacada), contorno de 1px azul gelo, rótulos em maiúsculas.
7. Esquemas SVG — diagramas são SVG inline: componentes rect tracejados (stroke-dasharray:6 4), o componente focal em branco sólido de 2px, conectores azul gelo com pontas de seta <marker>, linhas de fluxo de dados tracejadas (stroke-dasharray:2 5) e anotações de linha de dimensão âmbar. Sem bibliotecas de diagramas/gráficos, sem imagens remotas.
8. Contadores de etapas entre colchetes — .steps .card::before renderiza [01] [02] … em mono âmbar.
9. Tabelas de especificações tracejadas — células .spec-table usam bordas tracejadas de 1px e são lidas como uma lista de materiais.

Estrutura da página e tempo de execução (mantenha a semente textualmente)

• Cada página: <section class="slide" data-title="..."> dentro <div class="deck" id="deck"> — uma faixa de rolagem horizontal com snap; cada slide é flex:0 0 100vw × 100vh, preenchimento 72px 96px, projetado em um

…