:root {
  --azul: #123a64;
  --azul-claro: #7fb8db;
  --fundo: #e8f2fc;
  --trama: #dbeeff;
  --zebra: #f1f8ff;
  --linha: #cde4f5;
  --texto: #123a64;
  --branco: #ffffff;
  --verde: #25d366;
  --verde-texto: #0b3d1e;
  --vermelho: #c0392b;
  --sombra: 0 10px 30px rgba(0, 0, 0, 0.1);
  --raio: 14px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Segoe UI", Arial, sans-serif;
  background: var(--fundo);
  color: var(--texto);
}

h1,
h2,
h3 {
  margin: 0 0 10px;
  line-height: 1.25;
}

button {
  font-family: inherit;
  cursor: pointer;
}

input,
select,
textarea {
  font-family: inherit;
  font-size: 14px;
}

a {
  color: var(--azul);
}