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

:root {
    --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --font-brand: 'Inter', var(--font-ui);
    /* fallback to system if Inter fails */

    --clr-brand-purple: #eb00ff;
    --clr-brand-violet: #670DFF;
}

body {
    font-family: var(--font-brand);
    line-height: 1.6;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

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


.rounded-md-4 {
    border-radius: 1rem;
}

@media screen and (max-width:768px) {
    .rounded-md-4 {
        border-radius: 0;
    }
}

.text-brand-purple {
    color: var(--clr-brand-purple);
}

.text-brand-violet {
    color: var(--clr-brand-violet);
}

.bg-brand-purple {
    background-color: var(--clr-brand-purple);
}

.bg-brand-violet {
    background-color: var(--clr-brand-violet);
}

.brand-gradient {
    color: #fff;
    background: linear-gradient(to bottom right, var(--clr-brand-purple), var(--clr-brand-violet));
}

.text-smoke {
    color: rgb(185, 185, 185);
}