/**
 * Prism-inspired syntax highlighting styles
 */

/* Code container styles */
.code-tabs-container {
    margin: 2rem 0;
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

.code-tabs-container .tab-content {
    background-color: #2d2d2d;
    color: #f8f8f2;
}

.code-block-header {
    background-color: #383838;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #4a4a4a;
}

pre {
    margin: 0;
    padding: 1.25rem;
    overflow-x: auto;
    background-color: transparent;
    font-family: 'Fira Code', 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 0.9rem;
    line-height: 1.5;
    tab-size: 4;
    white-space: pre;
}

code {
    font-family: inherit;
    background: transparent;
    padding: 0;
    color: inherit;
}

/* Copy button styles */
.copy-btn {
    transition: all 0.2s ease;
    font-size: 0.8rem;
}

.copy-btn:hover {
    background-color: var(--primary-light);
    color: white;
    border-color: var(--primary-light);
}

.copy-btn.copied {
    background-color: var(--success);
    color: white;
    border-color: var(--success);
}

/* Language syntax highlighting */
.language-python, 
.language-javascript,
.language-php,
.language-bash {
    color: #f8f8f2;
}

/* Keywords */
.token.keyword {
    color: #ff79c6;
}

/* Function names */
.token.function {
    color: #82aaff;
}

/* Strings */
.token.string {
    color: #f1fa8c;
}

/* Numbers */
.token.number {
    color: #bd93f9;
}

/* Comments */
.token.comment {
    color: #6272a4;
    font-style: italic;
}

/* Variables */
.token.variable {
    color: #f8f8f2;
}

/* Class names */
.token.class-name {
    color: #8be9fd;
}

/* Constants */
.token.constant {
    color: #bd93f9;
}

/* Operators */
.token.operator {
    color: #ff79c6;
}

/* Punctuation */
.token.punctuation {
    color: #f8f8f2;
}

/* Docstrings */
.token.doctype,
.token.attr-name,
.token.docstring {
    color: #8be9fd;
}

/* Function parameters */
.token.parameter {
    font-style: italic;
    color: #ffb86c;
}

/* Special characters */
.token.special {
    color: #ff5555;
}

/* Boolean */
.token.boolean {
    color: #bd93f9;
}

/* Null value */
.token.null {
    color: #bd93f9;
}

/* Property names (in JSON/objects) */
.token.property {
    color: #8be9fd;
}

/* Regex */
.token.regex {
    color: #f1fa8c;
}

/* Command line prompts */
.token.prompt {
    color: #50fa7b;
}

/* Bash specific */
.language-bash .token.function {
    color: #50fa7b;
}

/* Import/require statements */
.token.imports {
    color: #ff79c6;
}