:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--bg-hover: #404040;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-hero: #ffffff;--border-color: #404040;--accent-color: #61dafb;--error-color: #ff6b6b;--key-color: #61dafb;--key-glow: rgba(97, 218, 251, 0.3);--string-color: #98d8c8;--string-quote-color: #6c757d;--number-color: #f7dc6f;--boolean-color: #bb86fc;--boolean-bg: rgba(187, 134, 252, 0.1);--boolean-border: rgba(187, 134, 252, 0.2);--null-color: #ff6b6b;--type-color: #ffffff;--type-bg: rgba(255, 183, 108, 0.1);--type-border: rgba(255, 183, 108, 0.2);--type-bg-hover: rgba(255, 183, 108, 0.15);--index-color: #ff79c6;--url-color: #8be9fd;--bg-hover-subtle: rgba(97, 218, 251, 0.02);--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--nav-bg: rgba(255, 255, 255, 0.2);--nav-bg-hover: rgba(255, 255, 255, 0.3)}