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

* {
    margin: 0;
    padding: 0;

    font: inherit;
    color: inherit;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}

:root {
    /* background */
    --background-primary: #F4F5FB;
    --background-secondary: #FFFFFF;

    /* color */
    --color-brand: #CA3884;
    --color-brand-hover: #A52C6B;
    --color-danger: #C93847;

    /* content */
    --content-primary: #080B12;
    --content-secondary: #374151;
    --content-tertiary: #9CA3AF;
    --always-white: #FFFFFF;

    /* border */
    --border-primary: #D1D5DB;
    --border-hover: #B9C2D0;

    /* fonts */
    --font-family: "Inter", serif;

    --title: 700 1.5rem/2rem var(--font-family);
    --label: 600 1rem/1.25rem var(--font-family);
    --paragraph: 500 1rem/1.25rem var(--font-family);
    --link: 500 .875rem/1rem var(--font-family);
}

body {
    background-color: var(--background-primary);

    font: var(--paragraph);
    color: var(--content-secondary);
}

img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: inline-block;
}

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

ul[role="list"] {
    list-style: none;
}