@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  /* Colors */
  --color-primary: #703CF3;
  --color-text-dark: #0F0B0A;
  --color-footer-secondary: #A59E9E;
  --color-input-border: #666979;
  --color-modal: #09090B;
  --color-border-light: #BFB9B8;
  --color-white: #FFFFFF;
  --color-red: #E53935;
  --color-beige: #F9F4F4;

  /* Gradients */
  --gradient-header-button: linear-gradient(to bottom, #F8F5F5, #E3E6ED);
  --gradient-service-item: linear-gradient(to bottom, #F4EBEB, #F1F4FA);
  --gradient-service-item-border: linear-gradient(to right, #E8DFDF, #E3E6ED);
  --gradient-footer-bg: linear-gradient(to bottom, #342E3A, #281D1B);
  --gradient-homepage-overlay: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.8) 20%,
    rgba(255, 255, 255, 0) 100%
  );
  --gradient-footer-svg: linear-gradient(to bottom, #281D1B, #342E3A);
}

:root {
  display: block;
  margin: 0;
  padding: 0;

  font-family: 'DM Sans', sans-serif;
}

body {
  display: block;
  margin: 0;
  padding: 0;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: none;
}

ul, ol, li {
  margin: 0;
  padding: 0;
  list-style-position: outside;
  list-style-image: none;
}

input, textarea, fieldset {
  margin: 0;
  padding: 0;
  border: none;
  resize: none;
  outline: none;
  box-shadow: none;
  appearance: none;
}

.theme-h1  {
  font-weight: 700;
  font-size: 2.5em;
}

.theme-h2 {
  font-weight: 600;
  font-size: 1.063em;
}

.theme-h3 {
  font-weight: 400;
  font-style: 1.063em;
}

.theme-h4 {
  font-weight: 300;
  font-style: 1.063em;
  line-height: 165%;
}