@import url('https://fonts.googleapis.com/css2?family=Mali:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700;800;900&display=swap');

@import "tailwindcss";
@tailwind base;
@tailwind components;
@tailwind utilities;
@theme {
  --color-primary: #9305A3;
  --color-primary-dark: #590A6C;
  --color-secondary: #343633;
  --color-surface: #EFF1FA;
  --color-footer: #221D23;
  --color-back: #F9F5FA;

  --font-family-sans: "Open Sans", sans-serif;
  --font-family-serif: "Mali", serif;
}

html, body {
    scroll-behavior: smooth;
    background-color: white;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Mali', sans-serif;
}

.gradient-mask {
    background: linear-gradient(256.15deg, rgba(147, 5, 163, 0.135) 1.44%, rgba(55, 2, 61, 0.648) 100%);
}