@import "app.css";
@layer base {
    h1 {
        font-family: var(--font-serif); /* ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif */
        font-size: var(--text-5xl);
        line-height: var(--text-5xl--line-height);
        font-weight: 800;
        color: var(--color-violet-800); /* oklch(38% 0.189 293.745) */
    }
    h2 {
        font-family: var(--font-sans); /* ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' */
        font-size: var(--text-3xl);
        line-height: var(--text-3xl--line-height);
        font-weight: 400;
        color: var(--color-violet-600); /* oklch(12.9% 0.042 264.695) */
    }
    h3 {
        font-family: var(--font-sans); /* ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' */
        font-size: var(--text-2xl);
        line-height: var(--text-2xl--line-height);
        font-weight: 400;
        color: var(--color-violet-400); /* oklch(12.9% 0.042 264.695) */
    }
    blockquote {
        quotes:none
    }
}