:root {
  /* Brand colors */
  --color-bg-start: #DCD0FF;
  --color-bg-middle: #4F40FF;
  --color-bg-end: #FBF6EE;

  /* Gradient */
  --gradient-main: linear-gradient(
    135deg,
    var(--color-bg-start) 0%,
    var(--color-bg-middle) 60%,
    var(--color-bg-end) 100%
  );

  /* Text */
  --text: #111827;
  --text-muted: rgba(17, 24, 39, 0.65);
    --font-sans: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: "Playfair Display", ui-serif, Georgia, serif;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;

}

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

body {
  font-family: var(--font-sans);
  color: var(--text);
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

img, svg {
  max-width: 100%;
  height: auto;
}