/*
 * Highlight.js — Dracula Theme (Self-Hosted)
 * Resmi Dracula renk paleti: https://draculatheme.com/
 *
 * Renk referansı:
 *   Background : #282a36
 *   Current    : #44475a
 *   Foreground : #f8f8f2
 *   Comment    : #6272a4
 *   Cyan       : #8be9fd
 *   Green      : #50fa7b
 *   Orange     : #ffb86c
 *   Pink       : #ff79c6
 *   Purple     : #bd93f9
 *   Red        : #ff5555
 *   Yellow     : #f1fa8c
 */

/* ── Base ─────────────────────────────────────────────────────── */
.hljs {
    display: block;
    overflow-x: auto;
    background: #282a36;
    color: #f8f8f2;
    padding: 0.5em;
}

/* ── Keywords, operators, control flow ───────────────────────── */
.hljs-keyword,
.hljs-operator,
.hljs-pattern-match,
.hljs-pattern-match .hljs-constructor,
.hljs-selector-tag,
.hljs-tag {
    color: #ff79c6;
}

/* ── Function & class names ───────────────────────────────────── */
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_,
.hljs-function > .hljs-title,
.hljs-class > .hljs-title {
    color: #50fa7b;
}

/* ── Types, built-ins, parameters, language variables ────────── */
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params,
.hljs-variable.language_ {
    color: #8be9fd;
    font-style: italic;
}

/* ── Strings ──────────────────────────────────────────────────── */
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-template-tag,
.hljs-template-variable,
.hljs-addition,
.hljs-regexp {
    color: #f1fa8c;
}

/* ── Numbers, literals ────────────────────────────────────────── */
.hljs-number,
.hljs-literal {
    color: #bd93f9;
}

/* ── Comments, doc-tags ───────────────────────────────────────── */
.hljs-comment,
.hljs-quote,
.hljs-doctag {
    color: #6272a4;
    font-style: italic;
}

/* ── Attributes (HTML/CSS/JSON keys) ────────────────────────── */
.hljs-attr,
.hljs-attribute,
.hljs-name,
.hljs-property,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-pseudo {
    color: #50fa7b;
}

/* ── Meta, preprocessor ───────────────────────────────────────── */
.hljs-meta,
.hljs-meta .hljs-keyword {
    color: #ff79c6;
}
.hljs-meta .hljs-string {
    color: #f1fa8c;
}

/* ── Variables ────────────────────────────────────────────────── */
.hljs-variable {
    color: #f8f8f2;
}

/* ── Section, link ────────────────────────────────────────────── */
.hljs-section,
.hljs-link {
    color: #8be9fd;
}

/* ── Diff ─────────────────────────────────────────────────────── */
.hljs-deletion {
    background: rgba(255, 85, 85, 0.15);
    color: #ff5555;
}

/* ── Emphasis / strong ────────────────────────────────────────── */
.hljs-emphasis {
    font-style: italic;
}
.hljs-strong {
    font-weight: bold;
}