:root {
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --text-primary: #c9d1d9;
    --text-secondary: #8b949e;
    --accent: #58a6ff;
    --border-color: #30363d;
    --code-bg: #1e2937;
    --inline-code-bg: rgba(110, 118, 129, 0.4);
    --sidebar-width: 280px;
    --header-height: 60px;
    --font-code: 'Consolas', 'Monaco', 'Andale Mono', monospace;
    --font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    --active-nav-bg: rgba(88, 166, 255, 0.1);
    --table-alt-row: rgba(255, 255, 255, 0.03);
    
    /* Special elements */
    --note-bg: rgba(56, 139, 253, 0.1);
    --note-border: #1f6feb;
    --warning-bg: rgba(248, 81, 73, 0.1);
    --warning-border: #da3633;
    --tip-bg: rgba(46, 160, 67, 0.1);
    --tip-border: #2ea043;
	
	/* New variables for enhanced styling */
    --header-bg: var(--bg-secondary);
    --header-text: var(--accent);
    --section-bg: rgba(255, 255, 255, 0.02);
    --nav-hover-bg: rgba(255, 255, 255, 0.05);
}

/* JSON highlighting */
.json-key {
    color: #7ee787;
}
.json-string {
    color: #a5d6ff;
}
.json-number {
    color: #ff7b72;
}
.json-boolean {
    color: #ff7b72;
}
.json-comment {
    color: #8b949e;
    font-style: italic;
}