/* =============================================================================
   Observatório de Mafra — design tokens
   =============================================================================
   Extraídos do Figma `PYTqvsXel1gyMo73t04h41` ("Observatório de Mafra",
   versão 2384940840648330811) via PAT + REST API, agregando os 7 frames
   desktop. As contagens são de ocorrências nesses frames, para se perceber o
   que é estrutural e o que é acessório.

   O levantamento completo está em
   `workspace/_analyses/observatorio-mafra-fase1-figma.md`.
   ========================================================================== */

:root {
  /* --- Marca ------------------------------------------------------------ */
  /* Verde sólido. NÃO há gradiente — ao contrário do Loures, que era
     azul→verde. O verde aparece na cápsula de navegação, nos rótulos de
     secção, no footer e nos valores positivos do Painel CI. */
  --mfr-verde: #25b672; /*  37 usos — a cor dominante */
  --mfr-verde-acento: #00b66d; /*   6 usos — nome do autor sobre o escuro */

  /* --- Texto ------------------------------------------------------------ */
  --mfr-titulo: #111111; /*   7 — títulos display (Newsreader) */
  --mfr-texto: #1e1e1e; /*  57 — títulos de artigo e corpo */
  --mfr-texto-suave: #757575; /*  51 — metadados, resumos, rótulos */
  --mfr-texto-medio: #4d4d4d; /*   7 — seletor de idioma */
  --mfr-texto-claro: #f3f3f3; /*   9 — texto sobre o cartão escuro */

  /* --- Superfícies ------------------------------------------------------ */
  /* O creme é o fundo da página inteira, não de um bloco. */
  --mfr-creme: #fcfaf8; /*  15 — fundo da página e do cartão do painel */
  --mfr-creme-menu: #f7f4ee; /*       texto do menu sobre o verde */
  --mfr-escuro: #231f20; /*       cartão de opinião da home */
  --mfr-branco: #ffffff;
  --mfr-placeholder: #cdcdcd; /*  25 — caixas de imagem por preencher */
  --mfr-borda: #d9d9d9; /*   4 — miniaturas da lista de mercado */

  /* --- Semântica (variação dos indicadores) ----------------------------- */
  --mfr-positivo: #25b672; /* o desenho usa o próprio verde de marca */
  --mfr-negativo: #ec1c24;

  /* --- Tipografia ------------------------------------------------------- */
  /* Cinco famílias, todas no Google Fonts. As três primeiras são estruturais;
     Nunito e Workbench aparecem em sítios muito localizados e ficam porque
     é o que está desenhado — Nunito nos blocos de autor (herança do Loures,
     que é todo em Nunito) e Workbench só no seletor `PT | EN`. */
  --mfr-fonte-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --mfr-fonte-titulo: 'Lora', Georgia, 'Times New Roman', serif;
  --mfr-fonte: 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mfr-fonte-autor: 'Nunito', var(--mfr-fonte);
  --mfr-fonte-idioma: 'Workbench', var(--mfr-fonte);

  /* --- Layout ----------------------------------------------------------- */
  /* Frames desktop a 1440px com conteúdo a 1240px (margens de 100px).
     O footer é mais largo — 1377px, margens de 32px — porque é um cartão
     recuado e não uma faixa full-bleed.
     Frames mobile a 393px. Não existe breakpoint de tablet no ficheiro. */
  --mfr-conteudo: 1240px;
  --mfr-margem: 100px;
  --mfr-margem-footer: 32px;
  --mfr-margem-mobile: 20px;

  /* --- Formas ----------------------------------------------------------- */
  /* O desenho é consistente: quase tudo a 10px. */
  --mfr-raio: 10px;
  --mfr-raio-pilula: 100px;

  /* --- Ritmo vertical --------------------------------------------------- */
  /* Medido no frame da home: 50px entre o rótulo de secção e o conteúdo,
     ~96px entre secções. */
  --mfr-gap-seccao: 50px;
  --mfr-gap-entre-seccoes: 96px;
}