/* ============================================================
   PATRIMÔNIO PRESERVADO — Tokens do Design System
   Fundação para o site patrimoniopreservado.com.br
   Cores e tipografia herdadas da identidade aprovada (12/08/2026).
   Tudo em px: a raiz do OceanWP é 10px (font-size:62.5%), então
   `rem` mente neste site. Ver memória site-home-design.
   ============================================================ */
:root {
  /* ---------- COR · Azul (principal) ---------- */
  --pp-azul-900:#0c1d30; --pp-azul-800:#132a43; --pp-azul-700:#1a3652;
  --pp-azul-600:#204567; /* ★ cor da marca */
  --pp-azul-500:#2d5a83; --pp-azul-400:#4a7ba8; --pp-azul-300:#8aa9c6;
  --pp-azul-200:#c0d2e2; --pp-azul-100:#e2ebf3; --pp-azul-50:#f2f6fa;

  /* ---------- COR · Ouro (destaque) ---------- */
  --pp-ouro-800:#8a6117; --pp-ouro-700:#a87a22; --pp-ouro-600:#c08a2d;
  --pp-ouro-500:#d4a851;
  --pp-ouro-400:#e8c381; /* ★ bege da marca — NUNCA texto sobre claro (1,67:1) */
  --pp-ouro-300:#eed49f; --pp-ouro-200:#f5e6c6; --pp-ouro-100:#faf1de;

  /* ---------- COR · Neutros ---------- */
  --pp-tinta:#1b1f24; --pp-cinza-700:#4a545e; --pp-cinza-500:#78838f;
  --pp-cinza-300:#cfd6dd; --pp-cinza-200:#e6eaee;
  --pp-creme:#f4f2ed; --pp-creme-claro:#fbf9f3; --pp-branco:#ffffff;

  /* ---------- COR · Estados ---------- */
  --pp-sucesso:#1e6b52; --pp-erro:#a8322a; --pp-alerta:#8a6117;

  /* ---------- PAPÉIS (use estes, não os brutos) ---------- */
  --pp-texto:var(--pp-azul-600);          /* 9,96:1 no branco */
  --pp-texto-apoio:var(--pp-cinza-700);
  --pp-texto-claro:var(--pp-branco);      /* sobre azul escuro */
  --pp-fundo:var(--pp-branco);
  --pp-fundo-alt:var(--pp-creme-claro);
  --pp-fundo-escuro:var(--pp-azul-800);
  --pp-borda:var(--pp-cinza-300);
  --pp-filete:var(--pp-ouro-600);         /* filete/linha dourada */
  --pp-destaque:var(--pp-ouro-400);       /* preenchimento, nunca texto no claro */
  --pp-link:var(--pp-azul-500);

  /* ---------- TIPOGRAFIA ---------- */
  --pp-fonte-titulo:'Fraunces',Georgia,serif;   /* só título e texto curto */
  --pp-fonte-texto:'Figtree',system-ui,sans-serif;
  --pp-fs-display:64px; --pp-lh-display:1.05;
  --pp-fs-h1:48px;      --pp-lh-h1:1.10;
  --pp-fs-h2:36px;      --pp-lh-h2:1.15;
  --pp-fs-h3:28px;      --pp-lh-h3:1.25;
  --pp-fs-h4:22px;      --pp-lh-h4:1.30;
  --pp-fs-corpo-g:20px; --pp-lh-corpo-g:1.60;
  --pp-fs-corpo:18px;   --pp-lh-corpo:1.65;   /* base — público 40+ */
  --pp-fs-corpo-p:16px; --pp-lh-corpo-p:1.60;
  --pp-fs-apoio:14px;   --pp-lh-apoio:1.50;
  --pp-fs-legenda:13px; --pp-lh-legenda:1.40;
  --pp-peso-titulo:600; --pp-peso-texto:400; --pp-peso-forte:600;
  --pp-tracking-titulo:-0.02em; --pp-tracking-caps:0.08em;
  --pp-medida:65ch;     /* largura máxima de parágrafo */

  /* ---------- ESPAÇAMENTO (base 4) ---------- */
  --pp-e1:4px;  --pp-e2:8px;  --pp-e3:12px; --pp-e4:16px; --pp-e5:24px;
  --pp-e6:32px; --pp-e7:48px; --pp-e8:64px; --pp-e9:80px; --pp-e10:96px;
  --pp-e11:128px;
  --pp-secao-y:96px;      /* respiro vertical de seção — desktop */
  --pp-secao-y-mob:64px;  /* mobile */

  /* ---------- GRID ---------- */
  --pp-container:1200px; --pp-container-estreito:760px;
  --pp-gutter:24px; --pp-gutter-mob:20px; --pp-colunas:12;

  /* ---------- FORMA ---------- */
  --pp-raio-p:2px; --pp-raio:6px; --pp-raio-g:12px; --pp-raio-gg:20px;
  --pp-raio-pill:999px;
  --pp-filete-espessura:2px;
  --pp-sombra-1:0 1px 2px rgba(12,29,48,.06), 0 1px 3px rgba(12,29,48,.08);
  --pp-sombra-2:0 4px 12px rgba(12,29,48,.08), 0 2px 4px rgba(12,29,48,.06);
  --pp-sombra-3:0 12px 32px rgba(12,29,48,.12), 0 4px 8px rgba(12,29,48,.06);

  /* ---------- MOVIMENTO ---------- */
  --pp-t-rapido:150ms; --pp-t-base:250ms; --pp-t-lento:400ms;
  --pp-curva:cubic-bezier(.22,.61,.36,1);
}

/* Redução de escala no mobile — o display precisa caber em 360px */
@media (max-width:767px){
  :root{
    --pp-fs-display:40px; --pp-fs-h1:32px; --pp-fs-h2:26px;
    --pp-fs-h3:22px; --pp-fs-h4:19px;
    --pp-fs-corpo-g:18px; --pp-fs-corpo:17px;
    --pp-secao-y:var(--pp-secao-y-mob); --pp-gutter:var(--pp-gutter-mob);
  }
}
@media (prefers-reduced-motion:reduce){
  :root{ --pp-t-rapido:0ms; --pp-t-base:0ms; --pp-t-lento:0ms; }
}