:root {
    --md-code-bg-color: rgba(232, 205, 118, 0.08);
    /* light mode */
    --md-code-hl-color: rgba(255, 255, 0, 0.25);
    /* highlighted lines, optional */
}

[data-theme="dark"] {
    --md-code-bg-color: rgba(255, 255, 255, 0.12);
}

/* Thin subtle border (most common) */
.md-typeset code,
.md-typeset pre {
    border: 1px solid #d0d7de;
    border-radius: 6px;
}

html[data-theme="dark"] .md-typeset code,
html[data-theme="dark"] .md-typeset pre {
    border: 1px solid #444d56;
}

/* Slightly bolder with shadow for depth */
.md-typeset pre {
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

html[data-theme="dark"] .md-typeset pre {
    border-color: #555;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}