:root {
  --paper: #fbf9f6;
  --paper-2: #f4f0e9;
  --paper-3: #ebe5db;
  --ink: #1a1917;
  --ink-2: #3c3934;
  --muted: #6a665f;
  --muted-2: #8c877e;
  --line: #e2dcd2;
  --line-2: #cfc7b9;

  --bordo: #6e2b39;
  --bordo-deep: #4f1e28;
  --bordo-tint: #f3eaea;

  --verde: #33453f;
  --verde-deep: #22302c;
  --verde-tint: #e9eeeb;

  --accent: var(--bordo);
  --accent-deep: var(--bordo-deep);
  --accent-tint: var(--bordo-tint);

  --font-serif: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-sans: "Instrument Sans", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;

  --step-display: clamp(2.35rem, 1.55rem + 3.3vw, 4.35rem);
  --step-h2: clamp(1.7rem, 1.28rem + 1.75vw, 2.7rem);
  --step-h3: clamp(1.18rem, 1.08rem + 0.42vw, 1.45rem);
  --step-lead: clamp(1.06rem, 1rem + 0.4vw, 1.28rem);
  --step-body: 1.0625rem;
  --step-small: 0.9rem;
  --step-label: 0.735rem;

  --gutter: clamp(1.25rem, 5vw, 4rem);
  --container: 74rem;
  --measure: 62ch;
  --section-y: clamp(4rem, 8.5vw, 8.75rem);

  --radius: 2px;
  --shadow: 0 1px 2px rgba(26, 25, 23, 0.04), 0 8px 24px -18px rgba(26, 25, 23, 0.22);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --header-h: 5rem;
}

.page--previdenciario {
  --accent: var(--verde);
  --accent-deep: var(--verde-deep);
  --accent-tint: var(--verde-tint);
}

@media (max-width: 60rem) {
  :root {
    --header-h: 4.25rem;
  }
}