@import "tailwindcss";
@plugin '@tailwindcss/typography';

@theme {
    --font-primary: "Poppins", sans-serif;
    --font-secondary: "Rockwell", sans-serif;

    --color-primary: #EBE6D2;
    --color-secondary: #CBA16A;
    --color-tertiary: #003421;
    --color-link: #CBA16A;

    --container-mobile: 40rem;
}

:root {
    --background: #22523F;

}

body {
    font-family: var(--font-primary);
    background-color: var(--background);
    min-height: 1080px;
}