:root {
    --primary-color: #2563eb;
    --secondary-color: #64748b;
    --bg-color: #ffffff;
    --text-color: #1e293b;
    --code-bg: #f8fafc;
    --code-border: #e2e8f0;
    --sidebar-bg: #f8fafc;
    --sidebar-border: #e2e8f0;
    --highlight: #fbbf24;
    --success: #10b981;
    --warning: #f59e0b;
    --sidebar-hover-bg: #e2e8f0;
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'Consolas', 'Monaco', 'Courier New', monospace;
}

.info-box {
    background: #dbeafe;
    border-left: 4px solid var(--primary-color);
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 4px;
}

.warning-box {
    background: #fef3c7;
    border-left: 4px solid var(--warning);
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 4px;
}

.tutorial-footnote {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    color: #666;
    font-style: italic;
}