:root {
  --color-azul-petroleo: #17394A;
  --color-azul-escuro: #0E2332;
  --color-terracota: #D9783D;
  --color-bege-claro: #F8EEE4;
  --color-branco: #FFFFFF;
  --color-cinza-azulado: #60727C;

  --font-display: 'Montserrat', 'Gotham', sans-serif;
  --font-body: 'Lato', 'Open Sans', sans-serif;

  --weight-display-xbold: 800;
  --weight-display-bold: 700;
  --weight-display-semibold: 600;
  --weight-body-bold: 700;
  --weight-body-regular: 400;

  --size-h1: 2.38rem;
  --size-h2: 1.62rem;
  --size-h3: 1.08rem;
  --size-lead: 1.06rem;
  --size-body: 1rem;
  --size-caption: 0.69rem;

  --radius-pill: 999px;
  --radius-card: 8px;

  --space-section-mobile: 64px;
  --space-section-desktop: 112px;
  --space-gutter: 24px;
  --max-width: 1120px;

  --motion-duration: 520ms;
  --motion-easing: cubic-bezier(.2,.7,.2,1);
}

@media (min-width: 768px) {
  :root {
    --size-h1: 3.15rem;
    --size-h2: 2rem;
    --size-h3: 1.2rem;
    --size-lead: 1.12rem;
  }
}

@media (min-width: 1180px) {
  :root {
    --size-h1: 3.55rem;
    --size-h2: 2.18rem;
  }
}