@font-face {
    font-family: 'Inter';
    src: url('/assets/fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/Montserrat.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Brand colors */
    --color-primary-pink: #ff66c4;
    --color-primary-peach: #ffbd59;
    --color-primary-dark-purple: #361442;

    /* Neutral colors */
    --color-background: #ffffff;
    --color-surface: #cdcdcd;
    --color-border: #A7A7A7;

    /* Text */
    --color-text-black: #361442;
    --color-text-gray: #A7A7A7;
    --color-text-white: #ffffff;

    /* States: TODO */
    --color-success: #2ec4a6;
    --color-danger: #e5484d;
    --color-warning: #ffb020;

    /* Fonts */
    --font-body: 'Inter', sans-serif;
    --font-heading: 'Montserrat', sans-serif;
}

/* FONTS HERE: */

body,
button,
input,
select,
textarea {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}


/* GLOBAL STYLES HERE: */

body {
    margin: 2rem;
    background-color: #f9f9f9;
}

h1 {
    text-align: center;
    margin-bottom: 2rem;
}