:root {
  --lp-green: #00aa53;
  --lp-green-dark: #008a45;
  --lp-green-deep: #166044;
  --lp-green-action: #007d3e;
  --lp-sky: #b8ebfc;
  --lp-sky-soft: #e4f0f8;
  --lp-mint: #84c8a5;
  --lp-mint-soft: #eaf6f0;
  --lp-yellow: #ffb312;
  --lp-yellow-soft: #fff1cb;
  --lp-blue: #4a86a2;
  --lp-blue-deep: #315f75;
  --lp-gray: #97999c;
  --lp-ink: #27302c;
  --lp-text: #52605a;
  --lp-muted: #718079;
  --lp-line: #dde6e1;
  --lp-canvas: #f7faf8;
  --lp-white: #ffffff;

  --font-heading: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
  --font-body: "Montserrat", "Avenir Next", "Segoe UI", sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-30: 7.5rem;

  --radius-sm: 0.75rem;
  --radius-md: 1.125rem;
  --radius-lg: 1.75rem;
  --shadow-soft: 0 1rem 3rem rgb(22 96 68 / 10%);
  --container: 73.75rem;
  --focus-ring: 0 0 0 0.25rem rgb(0 170 83 / 25%);
  --transition-fast: 160ms ease;

  /* Régua compartilhada dos heros institucionais, baseada na Home. */
  --hero-title-size: clamp(2.65rem, 4.5vw, 4rem);
  --hero-title-width: 13ch;
  --hero-copy-width: 40rem;
  --hero-media-size: 33.6rem;
  --hero-media-desktop-size: 31.5rem;
  --hero-stage-size: 33.6rem;
  --hero-grid-gap: clamp(2.5rem, 6vw, 5rem);
  --hero-detail-padding-bottom: clamp(3.5rem, 7vw, 5.5rem);
  --hero-breadcrumb-gap: clamp(2rem, 4vw, 3rem);

  --page-core: var(--lp-green-deep);
  --page-dominant: var(--lp-green);
  --page-support: var(--lp-mint);
  --page-atmosphere: var(--lp-mint-soft);
  --page-frame: var(--lp-sky);
  --page-accent: var(--lp-yellow);
  --page-rail: linear-gradient(
    90deg,
    var(--lp-sky) 0 24%,
    var(--lp-mint) 24% 46%,
    var(--lp-green) 46% 90%,
    var(--lp-yellow) 90% 95%,
    var(--lp-sky) 95% 100%
  );
}