:root { --color-bg-primary: #141414; --color-bg-secondary: #1E1E1E; --color-bg-elevated: #282828; --color-gold-primary: #C9A227; --color-gold-light: #E2B93B; --color-gold-dim: #8A6E0F; --color-text-primary: #FFFFFF; --color-text-secondary: #B8B8B8; --color-text-muted: #6B6B6B; --text-display: clamp(56px, 7vw, 96px); --text-h1: clamp(40px, 5vw, 64px); --text-h2: clamp(28px, 3.5vw, 44px); --text-h3: clamp(20px, 2.5vw, 28px); --text-body-lg: 18px; --text-body: 16px; --text-small: 14px; --text-xs: 12px;}.text-display { font-size: var(--text-display); }.text-h1 { font-size: var(--text-h1); }.text-h2 { font-size: var(--text-h2); }.text-h3 { font-size: var(--text-h3); }.text-body-lg { font-size: var(--text-body-lg); }.text-body { font-size: var(--text-body); }.text-small { font-size: var(--text-small); }.text-xs { font-size: var(--text-xs); }