@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap");

:root {
  --cor-fundo: #eef3f8;
  --cor-superficie: #ffffff;
  --cor-texto: #16324f;
  --cor-texto-suave: #5d7388;
  --cor-primaria: #0b6bcb;
  --cor-primaria-hover: #0958a6;
  --cor-destaque: #e85a71;
  --cor-borda: #d5e1ec;
  --cor-sucesso: #1b7f4e;
  --cor-sucesso-fundo: #e7f6ee;
  --cor-erro: #b42318;
  --cor-erro-fundo: #fdecea;
  --sombra: 0 12px 40px rgba(15, 40, 70, 0.08);
  --raio: 16px;
  --fonte: "DM Sans", "Segoe UI", Roboto, Arial, sans-serif;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at top right, rgba(11, 107, 203, 0.08), transparent 28%),
    var(--cor-fundo);
  color: var(--cor-texto);
  font-family: var(--fonte);
}

.container {
  max-width: 1080px;
}

.alert {
  max-width: 720px;
  margin: 16px auto 0;
  border: none;
  border-radius: 12px;
  box-shadow: var(--sombra);
}