/* Design tokens da Nascendum (tarefa T23 do Plano Técnico).
 *
 * A fonte de verdade das cores, tipos e do reset. Antes, cada página
 * (~10 templates de conteúdo + 12 .dc.html + a consola + as páginas de
 * leitura) redeclarava o mesmo :root inline — e já tinha divergido
 * (o mesmo "pergaminho" existia em #ECE4D3, #F6F0E7 e #F4F1EA; h1 a 24 e
 * a 26px). Este ficheiro é servido de /assets/ (a CSP admite folhas de
 * estilo próprias) e ligado no <head>, ANTES do <style> inline da página
 * — a página continua a poder afinar o que precisar por cima.
 *
 * Dois temas: o editorial claro (por omissão) e o escuro da Escola /
 * leitura. Uma página escura marca-se com  <html data-tema="escola">.
 *
 * Adoção (2026-09): templates de conteúdo. Por adotar (cada um é um passo
 * verificável à parte, ver AGENTS.md §3.1): as 12 .dc.html, admin.html,
 * leitura-obra-aberta.js / leitura-livro.js. */

:root {
  /* ---- Tema editorial (claro) — a porta de entrada do site ---- */
  --parchment: #ECE4D3; /* fundo da página */
  --parchment-deep: #E2D8C3; /* superfície ligeiramente elevada (cartões, molduras) */
  --ink: #1E1A15; /* texto principal */
  --ink-soft: #4B453B; /* texto secundário */
  --ink-faint: #8A8272; /* legendas, metadados */
  --night: #182430; /* botão primário, tinta escura sobre claro */
  --night-deep: #101A24; /* variante ainda mais escura (Observatório) */
  --gold: #B4862B; /* acento — usar com parcimónia */
  --gold-soft: #C9A24B; /* acento em hover / sobre fundo escuro */
  --line: rgba(30, 26, 21, 0.14); /* separadores */

  /* ---- Tipografia (as faces vêm de /assets/fonts/fonts.css) ---- */
  --font-serif: Fraunces, Georgia, "Times New Roman", serif;
  --font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* ---- Tema escuro (Escola, sala de aula, leitura) ---- */
:root[data-tema="escola"] {
  --ground: #171310; /* fundo da página */
  --surface: #201A14; /* superfície elevada */
  --surface-2: #2A2218; /* superfície mais elevada */
  --ink: #ECE3D1;
  --ink-soft: #B7AC96;
  --ink-faint: #8A7F6B;
  --gold: #C9A24B;
  --gold-deep: #9A6E1C;
  --night: #0D141C;
  --line: rgba(236, 227, 209, 0.14);
  --line-strong: rgba(236, 227, 209, 0.3);
  --go: #82B172; /* verde de "concluído" / progresso */
}

/* ---- Reset partilhado (cada template repetia isto inline) ---- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
}