:root { --#f7f4ff: #f7f4ff; --#e0d6ff: #e0d6ff; --#f2eeff: #f2eeff; --#c7b5ff: #c7b5ff; --#b8a2ff: #b8a2ff; --#9d80ff: #9d80ff; --#8d6eff: #8d6eff; --#7b5ce8: #7b5ce8; --#4d34a8: #4d34a8; --#2e1f66: #2e1f66; --#f7f6fb: #f7f6fb; --#eceaf2: #eceaf2; --#d6d2e0: #d6d2e0; --#b0aac2: #b0aac2; --#888299: #888299; --#5c5670: #5c5670; --#3f3a52: #3f3a52; --#2d2a3d: #2d2a3d; --#232032: #232032; --#0a0a0f: #0a0a0f; --#fafafa: #fafafa; --#f5f5f5: #f5f5f5; --#e5e5e5: #e5e5e5; --#d4d4d4: #d4d4d4; --#a3a3a3: #a3a3a3; --#737373: #737373; --#525252: #525252; --#404040: #404040; --#262626: #262626; --#171717: #171717; --#ffffff: #ffffff; --#000000: #000000; --#1a1a1a: #1a1a1a; --#374151: #374151; --#6b7280: #6b7280; --#9ca3af: #9ca3af; --rgba(0,0,0,0.5: rgba(0,0,0,0.5); --rgba(0,0,0,0.05: rgba(0,0,0,0.05); --rgba(0,0,0,0.10: rgba(0,0,0,0.10); --rgba(0,0,0,0.15: rgba(0,0,0,0.15); --rgba(255,255,255,0.08: rgba(255,255,255,0.08); --rgba(255,255,255,0.16: rgba(255,255,255,0.16); --#22c55e: #22c55e; --#dcfce7: #dcfce7; --#f59e0b: #f59e0b; --#fef3c7: #fef3c7; --#ef4444: #ef4444; --#fee2e2: #fee2e2; --#14b8a6: #14b8a6; --#10b981: #10b981; --#f43f5e: #f43f5e; --#3b82f6: #3b82f6; --#f97316: #f97316; --rgba(141, 110, 255, 0.12: rgba(141, 110, 255, 0.12); --rgba(141, 110, 255, 0.35: rgba(141, 110, 255, 0.35); --rgba(255, 255, 255, 0.9: rgba(255, 255, 255, 0.9); --rgba(255, 255, 255, 0.78: rgba(255, 255, 255, 0.78); --rgba(255, 255, 255, 0.5: rgba(255, 255, 255, 0.5); --rgba(255, 255, 255, 0.4: rgba(255, 255, 255, 0.4); --space-3xs: 4px; --space-2xs: 8px; --space-xs: 12px; --space-sm: 16px; --space-md: 24px; --space-lg: 32px; --space-xl: 48px; --space-2xl: 64px; --space-3xl: 96px; --space-4xl: 128px; --space-5xl: 160px; --space-fluid-section: clamp(96px, 12vh, 140px); --space-fluid-section-lg: clamp(120px, 14vh, 180px); --space-fluid-section-xl: clamp(140px, 18vh, 200px); --text-xs: 12px; --text-sm: 13px; --text-base: 16px; --text-md: 17px; --text-lg: 18px; --text-xl: 20px; --text-2xl: 22px; --text-3xl: clamp(24px, 2.6vw, 32px); --text-display-md: clamp(32px, 4vw, 52px); --text-display-lg: clamp(36px, 4.5vw, 60px); --text-display-xl: clamp(44px, 6vw, 80px); --text-display-2xl: clamp(56px, 7.5vw, 104px);}