/* ===========================
   Tipografia
   =========================== */

/* Base */
html {
  font-size: 100%; /* 16px padrão */
}
body {
  font-size: 1rem; /* 16px */
  line-height: 1.5;
  font-family: 'Titillium Web', sans-serif;
}

/* Títulos */
h1 {
  font-size: 2rem;      /* 32px */
  line-height: 1.2;
  font-weight: 700;
}
h2 {
  font-size: 1.5rem;    /* 24px */
  line-height: 1.3;
  font-weight: 600;
}
h3 {
  font-size: 1.25rem;   /* 20px */
  line-height: 1.3;
  font-weight: 600;
}
h4 {
  font-size: 1.125rem;  /* 18px */
  line-height: 1.4;
  font-weight: 500;
}
h5 {
  font-size: 1rem;      /* 16px */
  line-height: 1.4;
  font-weight: 500;
}
h6 {
  font-size: 0.875rem;  /* 14px */
  line-height: 1.4;
  font-weight: 500;
}

/* Texto padrão */
p, li, a, span {
  font-size: 1.125rem;      /* 18px */
  line-height: 1.5;
}

/* Pequeno texto */
small {
  font-size: 0.875rem;  /* 14px */
}

/* Botões */
button {
  font-size: 1rem;      /* 16px */
  font-weight: 500;
}

/* Inputs e labels */
input, select, textarea, label {
  font-size: 1rem;
}