:root { --color-primary: #00D99C; --color-primary-hover: #1AE3A8; --color-primary-glow: rgba(0, 217, 156, 0.35); --color-accent-2: #005D80; --color-success: #00D99C; --color-warning: #FCB54D; --color-demo: #E02726; --color-demo-hover: #C51F1E; --color-demo-glow: rgba(224, 39, 38, 0.35); --color-bg: #212326; --color-bg-deep: #18191B; --color-bg-soft: #272A2E; --color-text: #FFFFFF; --color-text-muted: #BABABA; --color-border: #383C43; --color-border-strong: #606369; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --text-5xl: 3rem; --text-6xl: 3.75; --text-7xl: 4.5rem; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px; --space-32: 128px;}