/* =============================================================================
   Observatório de Loures — design tokens
   =============================================================================
   Extraídos do Figma `gPxFkO5N8QKxxEXvyb6BcV` (última alteração 2026-07-31)
   via REST API, agregando os 15 frames. As cores estão ordenadas por número de
   ocorrências no ficheiro, para se perceber o que é estrutural e o que é
   acessório.
   ========================================================================== */

:root {
  /* --- Marca ------------------------------------------------------------ */
  /* As duas cores saem do logótipo do município e reaparecem no gradiente da
     barra de topo e do bloco de newsletter. */
  --lrs-azul: #46a7e9; /* 410 usos — a cor dominante */
  --lrs-verde: #69eb98; /* 156 usos — bullets e acentos */
  --lrs-azul-escuro: #01538e; /*  28 usos */
  --lrs-gradiente: linear-gradient(to right, var(--lrs-azul), var(--lrs-verde));

  /* --- Texto ------------------------------------------------------------ */
  --lrs-texto: #1e1e1e; /* 183 — títulos e corpo */
  --lrs-texto-suave: #757575; /* 125 — metadados, resumos */
  --lrs-texto-medio: #4d4d4d; /* 122 — navbar, footer, etiquetas */
  --lrs-texto-link: #5a5a5a; /*  18 — links "ver todas" */
  --lrs-texto-rodape: #767676; /*  14 — linha de copyright */
  --lrs-texto-placeholder: #b3b3b3;

  /* --- Superfícies ------------------------------------------------------ */
  --lrs-branco: #ffffff;
  --lrs-cinza-cartao: #f7f7f7; /* fundo dos cartões de opinião */
  --lrs-cinza-claro: #f5f5f5;
  --lrs-cinza-alt: #f0f0f0;
  --lrs-placeholder: #cdcdcd; /* caixas de imagem por preencher */
  --lrs-borda: #d9d9d9;
  --lrs-sombra: #e6e6e6;

  /* --- Semântica (variação dos indicadores) ----------------------------- */
  --lrs-positivo: #14ae5c;
  --lrs-negativo: #ec221f;

  /* --- Tipografia ------------------------------------------------------- */
  /* O desenho usa Nunito em quase tudo (400/500/600/700/800). O seletor de
     idioma PT|EN da navbar é o único sítio com Numans. */
  --lrs-fonte: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --lrs-fonte-idioma: 'Numans', var(--lrs-fonte);

  /* --- Layout ----------------------------------------------------------- */
  /* Frames desktop a 1440px com conteúdo a 1230px (margens de 105px).
     Frames mobile a 393px. Não existe breakpoint de tablet no ficheiro. */
  --lrs-conteudo: 1230px;
  --lrs-margem: 105px;
  --lrs-margem-mobile: 20px;

  /* --- Formas ----------------------------------------------------------- */
  --lrs-raio-cartao: 22px; /* cartões de notícia, imagem do hero */
  --lrs-raio-bloco: 20px; /* indicadores, opinião, newsletter */
  --lrs-raio-pilula: 100px;
}