/* ======================================================
   ChatGPT-style Code Blocks
====================================================== */

.md-typeset .highlight {
    position: relative;
    margin: 1.2rem 0;
    overflow: hidden;
    border: 1px solid #2a2a2a;
    border-radius: 12px;
    background: #0d0d0d;
}


/* Code */
.md-typeset .highlight pre {
    margin: 0;
    padding: 18px;
    background: #0d0d0d;
    overflow-x: auto;
}

.md-typeset .highlight code {
    padding: 0 !important;
    background: transparent !important;
    color: #f3f3f3;
}

/* Copy button */
.md-typeset .md-clipboard {
    position: absolute;
    top: 8px;
    right: 12px;
    color: #050404 !important;
    background: transparent !important;
}

.md-typeset .md-clipboard:hover {
    color: #fff !important;
}

/* ======================================================
   Light Theme
====================================================== */

[data-md-color-scheme="default"] {
    --md-default-bg-color: #ffffff;
    --md-default-fg-color: #111111;
    --md-default-fg-color--light: #000000;
}

[data-md-color-scheme="default"] .md-typeset :is(h1, h2, h3, h4, h5, h6) {
    color: #000 !important;
    font-weight: 700;
}

/* ======================================================
   Dark Theme
====================================================== */

[data-md-color-scheme="slate"] {
    --md-default-bg-color: #0d0d0d;
    --md-default-fg-color: rgba(255, 255, 255, 0.92);
    --md-default-fg-color--light: rgba(255, 255, 255, 0.72);
    --md-default-fg-color--lighter: rgba(255, 255, 255, 0.55);
}

[data-md-color-scheme="slate"] .md-main,
[data-md-color-scheme="slate"] .md-sidebar {
    background: #0d0d0d;
}

[data-md-color-scheme="slate"] .md-header {
    background: #171717;
    box-shadow: none;
}

[data-md-color-scheme="default"] {
    --md-typeset-color: #111111;
    --md-typeset-a-color: #2563eb;
}

/* ======================================================
   Light Mode Code Block Overrides
====================================================== */

[data-md-color-scheme="default"] .md-typeset .highlight {
    background: #ffffff;
    border: 1px solid #d9d9d9;
}

[data-md-color-scheme="default"] .md-typeset .highlight::before {
    background: #f3f3f3;
    color: #555;
}

[data-md-color-scheme="default"] .md-typeset .highlight pre {
    background: #ffffff;
}

[data-md-color-scheme="default"] .md-typeset .highlight code {
    color: #111;
}

[data-md-color-scheme="default"] .md-typeset .md-clipboard {
    color: #666 !important;
}

[data-md-color-scheme="default"] .md-typeset .md-clipboard:hover {
    color: #111 !important;
}