@font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url('../fonts/MaterialSymbolsOutlined.woff2') format('woff2'); }

@font-face { font-family: 'Epilogue'; font-weight: 400 900; font-display: swap; src: url('../fonts/epilogue-v20-latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'Work Sans'; font-weight: 300 600; font-display: swap; src: url('../fonts/work-sans-v24-latin-regular.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 400 700; font-display: swap; src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2'); }

.font-headline { font-family: 'Epilogue', sans-serif; }
.font-body { font-family: 'Work Sans', sans-serif; }
.font-label { font-family: 'Inter', sans-serif; }

.body-text-modern {
  font-family: 'Epilogue', sans-serif;
  line-height: 1.7;
  letter-spacing: -0.01em;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
}

.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

form input[type="text"],
form input[type="email"],
form textarea {
  background-color: #f4ebf5;
  border: 1px solid #ccc4d0;
  border-radius: 0.5rem;
  padding: 0.625rem 0.875rem;
  width: 100%;
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form textarea:focus {
  outline: none;
  border-color: #301354;
  box-shadow: 0 0 0 2px rgba(48, 19, 84, 0.2);
}

form button[type="submit"] {
  background-color: #301354;
  color: #ffffff;
  padding: 0.875rem 2.5rem;
  border: none;
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 1.1rem;
  margin-top: 1.5rem;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(48, 19, 84, 0.25);
  transition: all 0.2s ease;
}
form button[type="submit"]:hover {
  background-color: #472b6b;
  box-shadow: 0 6px 20px rgba(48, 19, 84, 0.35);
}