:root { --99s-white: #FFFFFF; --99s-bg-soft: #F8FAFC; --99s-bg-mute: #F1F5F9; --99s-border: #E2E8F0; --99s-border-strong: #CBD5E1; --99s-ink: #0F172A; --99s-ink-muted: #334155; --99s-ink-subtle: #64748B; --99s-accent: #4F46E5; --99s-accent-hover: #4338CA; --99s-accent-soft: #EEF2FF; --99s-violet: #7C3AED; --99s-success: #10B981; --99s-warn: #F59E0B; --99s-text-xs: 12px; --99s-text-sm: 14px; --99s-text-base: 16px; --99s-text-md: 18px; --99s-text-lg: 20px; --99s-text-xl: 24px; --99s-text-2xl: 30px; --99s-text-3xl: 36px; --99s-text-4xl: clamp(36px, 4vw, 48px); --99s-text-5xl: clamp(44px, 5vw, 60px); --99s-text-hero: clamp(40px, 6.4vw, 76px);}.99s-text-xs { font-size: var(--99s-text-xs); }.99s-text-sm { font-size: var(--99s-text-sm); }.99s-text-base { font-size: var(--99s-text-base); }.99s-text-md { font-size: var(--99s-text-md); }.99s-text-lg { font-size: var(--99s-text-lg); }.99s-text-xl { font-size: var(--99s-text-xl); }.99s-text-2xl { font-size: var(--99s-text-2xl); }.99s-text-3xl { font-size: var(--99s-text-3xl); }.99s-text-4xl { font-size: var(--99s-text-4xl); }.99s-text-5xl { font-size: var(--99s-text-5xl); }.99s-text-hero { font-size: var(--99s-text-hero); }