/* Simplified CSS for R Markdown - Headers and Code Highlighting Only */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* Headers */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 0.8em;
    color: #2c3e50;
}

h1 {
    font-size: 1.2em;
    border-bottom: 3px solid #3498db;
    padding-bottom: 15px;
    margin-bottom: 1.5em;
}

h2 {
    font-size: 1em;
    border-bottom: 2px solid #ecf0f1;
    padding-bottom: 10px;
    color: #34495e;
}

h3 {
    font-size: 0.9em;
    color: #34495e;
}

/* Inline Code */
code {
    font-family: 'JetBrains Mono', 'Consolas', 'Monaco', monospace;
    background: #f8f9fa;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
    color: #d95f0e;
    border: 1px solid #e9ecef;
}

/* Code Blocks */
pre {
    font-family: 'JetBrains Mono', 'Consolas', 'Monaco', monospace;
    background: #2d3748;
    border-radius: 8px;
    padding: 20px;
    margin: 1.5em 0;
    overflow-x: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-left: 4px solid #3498db;
}

pre code {
    background: none;
    padding: 0;
    border: none;
    color: #e2e8f0;
    font-size: 0.9em;
}

/* R Code Chunks */
.sourceCode {
    background: #f8f9fa !important;
    border: 1px solid #e9ecef;
    border-left: 4px solid #3498db;
    border-radius: 6px;
    padding: 15px;
    margin: 1em 0;
}

/* R Output */
pre:not(.sourceCode) {
    background: #2d3748;
    color: #e2e8f0;
    border-left: 4px solid #2ecc71;
}

/* Syntax Highlighting */
.hljs {
    background: #2d3748 !important;
    color: #e2e8f0 !important;
}

.hljs-comment {
    color: #718096 !important;
}

.hljs-string {
    color: #68d391 !important;
}

.hljs-number {
    color: #fbb6ce !important;
}

.hljs-keyword {
    color: #63b3ed !important;
    font-weight: 500;
}

.hljs-function {
    color: #f6e05e !important;
}