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

:root {
    --pink: #ff2d75;
    --purple: #6d3cff;
    --blue: #247cff;
    --dark: #11111b;
    --soft-dark: #222232;
    --text: #20202b;
    --muted: #77778a;
    --bg: #f6f7ff;
    --white: #ffffff;
    --border: #e9e9f2;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "DM Sans", Arial, sans-serif;
    background:
        radial-gradient(circle at 10% 10%, rgba(109, 60, 255, .10), transparent 25%),
        radial-gradient(circle at 90% 20%, rgba(255, 45, 117, .10), transparent 25%),
        var(--bg);
    color: var(--text);
}

button,
input,
textarea,
select {
    font: inherit;
}