@import "/css/fonts-70582835e496ec9d95e2a88d36d7062d.css";
@import "/css/themes-7dc7e0801c997346b79d840a89effcbf.css";

body {
    font-family: var(--font-body);
}

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

h1 {
    font-size: 3rem; /* text-5xl */
    line-height: 1;
    font-weight: 700; /* font-bold */
}

h2 {
    font-size: 1.875rem; /* text-3xl */
    line-height: calc(2.25 / 1.875);
    font-weight: 600; /* font-semibold */
}

h3 {
    font-size: 1.5rem; /* text-2xl */
    line-height: calc(2 / 1.5);
    font-weight: 600; /* font-semibold */
}

h4 {
    font-size: 1.25rem; /* text-xl */
    line-height: calc(1.75 / 1.25);
    font-weight: 600; /* font-semibold */
}

h5 {
    font-size: 1.125rem; /* text-lg */
    line-height: calc(1.75 / 1.125);
    font-weight: 600; /* font-semibold */
}

h6 {
    font-size: 1rem; /* text-base */
    line-height: 1.5;
    font-weight: 600; /* font-semibold */
}

.bg-dot-grid {
    background-image: radial-gradient(
            circle,
            oklch(from var(--color-primary) l c h / 0.20) 1.5px,
            transparent 1.5px
    );
    background-size: 24px 24px;
}