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

* {
    margin: 0;
    padding: 0;

    font: inherit;
    color: inherit;

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

:root {
    --brand-light: #F67841;
    --brand-mid: #F3541C;
    --brand-dark: #E43A12;

    --text-primary: #292524;
    --text-secondary: #57534E;
    --text-tertiary: #8F8881;
    --text-highlight: #E43A12;

    --surface-primary: #FFFFFF;
    --surface-secondary: #FEE7D6;
    --surface-disabled: #E7E5E4;

    --stroke-default: #D6D3D1;
    --stroke-highlight: #F3541C;

    --semantic-error: #DC2626;

    --font-family: "Poppins", sans-serif;

    --title: 600 2.5rem/125% var(--font-family);
    --subtitle: 600 1.5rem/125% var(--font-family);

    --heading1: 800 2rem/120% var(--font-family);
    --heading2: 800 1.5rem/120% var(--font-family);
    --heading3: 800 1.25rem/120% var(--font-family);
    --heading4: 800 1rem/120% var(--font-family);

    --paragraph-semi: 600 1rem/125% var(--font-family);

    --paragraph-md: 400 1rem/150% var(--font-family);
    --paragraph-sm: 400 .875rem/140% var(--font-family);
}

body {
    font: var(--paragraph-md);
    color: var(--text-secondary);

    grid-template-columns: 1fr 1fr;
    justify-items: center;
}

input {
    color: var(--text-primary);
}

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

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

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