/* 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: #e74c3c; /* Bright red */
}

h1 {
    font-size: 1.2em;
    border-bottom: 3px solid #9b59b6; /* Bright purple */
    padding-bottom: 15px;
    margin-bottom: 1.5em;
}

h2 {
    font-size: 1em;
    border-bottom: 2px solid #f39c12; /* Bright orange */
    padding-bottom: 10px;
    color: #e67e22; /* Bright orange-red */
}

h3 {
    font-size: 0.9em;
    color: #f39c12; /* Bright orange */
}

/* Inline Code */
code {
    font-family: 'JetBrains Mono', 'Consolas', 'Monaco', monospace;
    background: #fff3cd; /* Light yellow background */
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
    color: #e74c3c; /* Bright red */
    border: 1px solid #ffeaa7;
}

/* Code Blocks */
pre {
    font-family: 'JetBrains Mono', 'Consolas', 'Monaco', monospace;
    background: #2d3436; /* Dark background for contrast */
    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 #00b894; /* Bright teal */
}

pre code {
    background: none;
    padding: 0;
    border: none;
    color: #00cec9; /* Bright cyan */
    font-size: 0.9em;
}

/* R Code Chunks */
.sourceCode {
    background: #e8f5e8 !important; /* Light green background */
    border: 1px solid #00b894;
    border-left: 4px solid #00b894; /* Bright teal */
    border-radius: 6px;
    padding: 15px;
    margin: 1em 0;
}

/* R Output */
pre:not(.sourceCode) {
    background: #2d3436;
    color: #00cec9; /* Bright cyan */
    border-left: 4px solid #fd79a8; /* Bright pink */
}

/* Syntax Highlighting */
.hljs {
    background: #2d3436 !important;
    color: #00cec9 !important; /* Bright cyan */
}

.hljs-comment {
    color: #a29bfe !important; /* Bright purple */
}

.hljs-string {
    color: #00b894 !important; /* Bright teal */
}

.hljs-number {
    color: #fd79a8 !important; /* Bright pink */
}

.hljs-keyword {
    color: #fdcb6e !important; /* Bright yellow */
    font-weight: 500;
}

.hljs-function {
    color: #e17055 !important; /* Bright coral */
}