@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
html {
  scroll-behavior: smooth;
}
:root {
  --color-primary: #2a4b71;
  --color-accent: #95c15d;
}
body {
  font-family: "DM Sans", sans-serif;
}

button {
  cursor: pointer;
}

.hero-bg {
  background-image: url("https://images.pexels.com/photos/5490917/pexels-photo-5490917.jpeg");
  background-size: cover;
  background-position: center;
}

.btn-primary {
  background-color: var(--color-primary);
}
.btn-accent {
  background-color: var(--color-accent);
}
.btn-primary:hover {
  background-color: #1e3a57;
}
.bg-primary {
  background-color: var(--color-primary);
}

.text-primary {
  color: var(--color-primary);
}

.text-accent {
  color: var(--color-accent);
}

input, select, textarea {
  padding: 0.5rem 0.85rem;
  width: 100%;
}