/* Breakpoints do sistema. Mobile é o contexto real de uso: reserva acontece no celular. */
:root{
  --bp-sm:480px;
  --bp-md:768px;
  --bp-lg:1024px;
  --bp-xl:1280px;
}
/* Tablet */
@media (max-width:1024px){
  :root{
    --gutter-page:36px;
    --gutter-section:44px;
    --fs-display:56px;
    --fs-h1:44px;
    --fs-h2:34px;
    --fs-h3:27px;
    --fs-score:76px;
  }
}
/* Mobile */
@media (max-width:768px){
  :root{
    --gutter-page:20px;
    --gutter-section:36px;
    --gutter-card:18px;
    --fs-display:40px;
    --fs-h1:34px;
    --fs-h2:27px;
    --fs-h3:23px;
    --fs-h4:20px;
    --fs-h5:18px;
    --fs-body-lg:16px;
    --fs-score:60px;
    --ls-eyebrow:0.2em;
  }
}