/* ==========================================================================
   Habitação em Números — tokens de design (fonte única de verdade)
   Usado pelo guia de estilo e, na Fase 5, pelo tema WordPress (theme.json
   espelha estes valores). Alterar aqui primeiro.

   Conceito: "planta e cota". O vocabulário visual vem do desenho técnico
   de arquitetura: papel, traço fino, cotas de dimensão e legendas de
   símbolos. Os dados ocupam o lugar da obra desenhada.
   ========================================================================== */

:root {
  /* --- Superfícies e tinta ------------------------------------------- */
  --papel:        #F7F4EE;  /* fundo principal (marfim) */
  --papel-2:      #EFEAE1;  /* blocos secundários, faixas de governo A */
  --papel-3:      #E6DFD3;  /* faixas de governo B, separadores fortes */
  --traco:        #D9D2C6;  /* filetes, grelhas, bordas */
  --tinta:        #211E1B;  /* texto principal (carvão), 15:1 */
  --tinta-2:      #55504A;  /* texto secundário, 7,3:1 */
  --tinta-3:      #6F685F;  /* legendas, metadados, ≥ 4,5:1 */

  /* --- Acentos editoriais -------------------------------------------- */
  --bordo:        #7D2A2E;  /* acento principal: ligações, foco, marcadores (8,5:1) */
  --bordo-suave:  #F1E4E2;  /* fundo de destaque */
  --tijolo:       #B4532A;  /* série "construção"; só em dados e ícones */
  --tijolo-texto: #A2461F;  /* tijolo quando usado em texto (5,6:1) */

  /* --- Paleta categórica dos gráficos (ordem fixa, validada) ----------
     Validada com o método dataviz: banda de luminosidade, croma ≥ 0,10,
     separação CVD ≥ 8 (pares adjacentes), visão normal ≥ 15, contraste ≥ 3:1.
     Formas com todos os pares (mapas, dispersão): usar só 1, 2 e 4. */
  --serie-1:      #B4532A;  /* tijolo — construção, fogos */
  --serie-2:      #2A62AC;  /* azul ardósia — preços */
  --serie-3:      #A87808;  /* ocre — custos de construção */
  --serie-4:      #14866A;  /* verde-mar — população, procura */
  --serie-5:      #94418E;  /* ameixa — rendas */
  --serie-neutra: #8C857C;  /* contexto, comparadores (UE, zona euro) */

  /* --- Sequencial (mapas): uma só cor, tijolo, do claro ao escuro ----- */
  --seq-1: #F0D9CC; --seq-2: #E2AE93; --seq-3: #CF7F5C;
  --seq-4: #B4532A; --seq-5: #8A3A1C; --seq-6: #5E2510;

  /* --- Níveis de evidência (cor + símbolo, nunca só cor) -------------- */
  --ev-oficial:    #211E1B;  /* ■ dado oficial */
  --ev-calculo:    #2A62AC;  /* ◧ cálculo próprio */
  --ev-estimativa: #6F685F;  /* □ estimativa de terceiros */
  --ev-interpret:  #7D2A2E;  /* ◇ interpretação / análise do autor */
  --ev-verificar:  #A87808;  /* ⬚ por verificar */

  /* --- Tipografia (3 famílias) ---------------------------------------- */
  --f-titulo: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --f-texto:  "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --f-ui:     "IBM Plex Sans", "Helvetica Neue", Arial, system-ui, sans-serif;
  --f-mono:   "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Escala modular 1,25 sobre 18px; os títulos usam o tamanho ótico display */
  --t-xs:   0.75rem;    /* 12 — notas de gráfico */
  --t-sm:   0.875rem;   /* 14 — UI, legendas */
  --t-base: 1.1875rem;  /* 19 — corpo de texto */
  --t-md:   1.375rem;   /* 22 — entrada (lead) */
  --t-lg:   1.75rem;    /* 28 — H3 */
  --t-xl:   2.25rem;    /* 36 — H2 */
  --t-2xl:  clamp(2.5rem, 6vw, 4.25rem);  /* H1 */
  --t-num:  clamp(2.75rem, 7vw, 4.75rem); /* números em destaque */

  --lh-texto: 1.6;
  --lh-titulo: 1.08;
  --medida: 66ch;          /* largura de leitura */

  /* --- Espaço (base 4px) ---------------------------------------------- */
  --e-1: 0.25rem; --e-2: 0.5rem; --e-3: 0.75rem; --e-4: 1rem;
  --e-5: 1.5rem;  --e-6: 2rem;   --e-7: 3rem;    --e-8: 4.5rem; --e-9: 7rem;

  /* --- Forma ---------------------------------------------------------- */
  --raio: 2px;             /* desenho técnico: cantos quase vivos */
  --filete: 1px;
  --largura: 1180px;
  --foco: 0 0 0 2px var(--papel), 0 0 0 4px var(--bordo);
}

/* --- Modo escuro: mesmos papéis, passos próprios (não uma inversão) ---- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --papel: #1B1A18; --papel-2: #24221F; --papel-3: #2E2B27; --traco: #3D3933;
    --tinta: #EDE8E0; --tinta-2: #B9B1A6; --tinta-3: #8F877D;
    --bordo: #E08A86; --bordo-suave: #3A2524; --tijolo: #DB6A3C; --tijolo-texto: #E2875E;
    --serie-1: #DB6A3C; --serie-2: #4C8EDB; --serie-3: #B38008; --serie-4: #2BA582; --serie-5: #C064BA; --serie-neutra: #8F877D;
    --seq-1: #3A2419; --seq-2: #5E2F1B; --seq-3: #8A3F20; --seq-4: #B85430; --seq-5: #DB6A3C; --seq-6: #F0A47F;
    --ev-oficial: #EDE8E0; --ev-calculo: #4C8EDB; --ev-estimativa: #8F877D; --ev-interpret: #E08A86; --ev-verificar: #C9971F;
    --foco: 0 0 0 2px var(--papel), 0 0 0 4px var(--bordo);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --papel: #1B1A18; --papel-2: #24221F; --papel-3: #2E2B27; --traco: #3D3933;
  --tinta: #EDE8E0; --tinta-2: #B9B1A6; --tinta-3: #8F877D;
  --bordo: #E08A86; --bordo-suave: #3A2524; --tijolo: #DB6A3C; --tijolo-texto: #E2875E;
  --serie-1: #DB6A3C; --serie-2: #4C8EDB; --serie-3: #B38008; --serie-4: #2BA582; --serie-5: #C064BA; --serie-neutra: #8F877D;
  --seq-1: #3A2419; --seq-2: #5E2F1B; --seq-3: #8A3F20; --seq-4: #B85430; --seq-5: #DB6A3C; --seq-6: #F0A47F;
  --ev-oficial: #EDE8E0; --ev-calculo: #4C8EDB; --ev-estimativa: #8F877D; --ev-interpret: #E08A86; --ev-verificar: #C9971F;
  color-scheme: dark;
}