My personal website
renderg.host
1/**
2 * Mark Styles
3 *
4 * Uses the global typography system with fluid type scaling.
5 * Highlights text with background color (default yellow).
6 * Inherits font family and weight from parent.
7 */
8export const markStyles = {
9 base: 'bg-bones-yellow text-bones-black',
10 sizes: {
11 sm: 'type-sm', // 14px → 16px fluid
12 md: 'type-md', // 16px → 18px fluid
13 lg: 'type-lg', // 18px → 24px fluid
14 xl: 'type-xl', // 24px → 36px fluid
15 '2xl': 'type-2xl', // 36px → 64px fluid
16 },
17} as const;