:root { --paper: #fbfaf6; --paper-2: #f4f1e8; --ink: #161514; --ink-2: #3a3733; --ink-3: #6b6864; --rule: #1a1a1a; --rule-soft: #c9c5bd; --accent: #fbc000; --accent-deep: #d9a200; --accent-soft: #fff3b8; --kraft: #d6c9a8; --night: #1a2540; --pin-rust: #8B1A1A; --ink-4: #a09d96; --paper-3: #ece7d8; --night-deep: #0e1117; --green: #2a6f4a; --text-xs: 11px; --text-sm: 12px; --text-md: 14px; --text-lg: 16px; --text-xl: 18px; --text-2xl: 20px; --text-display-sm: clamp(24px, 3vw, 32px); --text-display-md: clamp(32px, 4vw, 48px); --text-display-lg: clamp(40px, 5vw, 64px); --text-display-xl: clamp(56px, 7vw, 88px);}.text-xs { font-size: var(--text-xs); }.text-sm { font-size: var(--text-sm); }.text-md { font-size: var(--text-md); }.text-lg { font-size: var(--text-lg); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }.text-display-sm { font-size: var(--text-display-sm); }.text-display-md { font-size: var(--text-display-md); }.text-display-lg { font-size: var(--text-display-lg); }.text-display-xl { font-size: var(--text-display-xl); }