My personal website
renderg.host
1/**
2 * Quote Styles
3 *
4 * Uses the global typography system with fluid type scaling.
5 * Blockquotes use DM Serif Display font and are italicized by default.
6 * Normal weight (400) for elegant readability.
7 */
8export const quoteStyles = {
9 base: 'font-normal font-dm-serif italic',
10 sizes: {
11 md: 'quote-md', // 18px → 24px fluid, serif, italic
12 lg: 'quote-lg', // 24px → 36px fluid, serif, italic
13 xl: 'quote-xl', // 36px → 64px fluid, sans, italic
14 },
15} as const;