1@import "tailwindcss";
2
3@theme {
4 --breakpoint-xs: 28rem;
5 --default-font-family: var(--font-display);
6 --font-display: "Libre Baskerville", Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
7 --color-sepia: #faeac5;
8}
9
10@font-face {
11 font-family: "Libre Baskerville";
12 src: url("/fonts/LibreBaskerville-Regular.woff2") format("woff2"),
13 url("/fonts/LibreBaskerville-Regular.ttf") format("truetype");
14 font-weight: 400;
15 font-style: normal;
16 font-display: swap;
17}
18
19@font-face {
20 font-family: "Libre Baskerville";
21 src: url("/fonts/LibreBaskerville-Bold.woff2") format("woff2"),
22 url("/fonts/LibreBaskerville-Bold.ttf") format("truetype");
23 font-weight: 700;
24 font-style: normal;
25 font-display: swap;
26}
27
28@font-face {
29 font-family: "Libre Baskerville";
30 src: url("/fonts/LibreBaskerville-Italic.woff2") format("woff2"),
31 url("/fonts/LibreBaskerville-Italic.ttf") format("truetype");
32 font-weight: 400;
33 font-style: italic;
34 font-display: swap;
35}
36
37:root {
38 font-family: var(--font-display);
39}