.org-comment        { color: #b22222; }
.org-string         { color: #8b2252; }
.org-keyword        { color: #a020f0; }
.org-builtin        { color: #483d8b; }
.org-constant       { color: #008b8b; }
.org-function-name  { color: #0000ff; }
.org-variable-name  { color: sienna; } 
.org-type           { color: #228b22; }
.org-preprocessor   { color: #483d8b; }
.org-doc            { color: #8b2252; }
.org-warning        { color: #ff8c00; font-weight: 700; }

:root[data-theme="dark-academia"] {
    --syntax-comment: #a97861;
    --syntax-string: #c99572;
    --syntax-keyword: #d6b566;
    --syntax-builtin: #b99b63;
    --syntax-constant: #7fb092;
    --syntax-function: #e8cf91;
    --syntax-variable: #d0a35c;
    --syntax-type: #8fbf9f;
    --syntax-warning: #d58a55;
}

:root[data-theme="dark-academia"] .org-comment       { color: var(--syntax-comment); }
:root[data-theme="dark-academia"] .org-string        { color: var(--syntax-string); }
:root[data-theme="dark-academia"] .org-keyword       { color: var(--syntax-keyword); }
:root[data-theme="dark-academia"] .org-builtin       { color: var(--syntax-builtin); }
:root[data-theme="dark-academia"] .org-constant      { color: var(--syntax-constant); }
:root[data-theme="dark-academia"] .org-function-name { color: var(--syntax-function); }
:root[data-theme="dark-academia"] .org-variable-name { color: var(--syntax-variable); }
:root[data-theme="dark-academia"] .org-type          { color: var(--syntax-type); }
:root[data-theme="dark-academia"] .org-preprocessor  { color: var(--syntax-builtin); }
:root[data-theme="dark-academia"] .org-doc           { color: var(--syntax-string); }
:root[data-theme="dark-academia"] .org-warning       { color: var(--syntax-warning); }

:not(pre) > code{
    padding: 2px 5px; margin: 0 1px;
    border: 1px solid var(--border); border-radius: 3px;
    background-clip: padding-box;
    color: var(--fg); font-size: 80%;
}
pre {
    background-color: var(--bg);
}

.org-src-container{
    border: 1px solid var(--border);
    box-shadow: 3px 3px 3px color-mix(in oklab, #000 8%, transparent);
    font-family: Lucida Console, monospace;
    font-size: 80%;
    margin: 1em auto;
    padding: .1em .5em;
    position: relative;
}
.org-src-container > pre{ overflow: auto; }

.org-src-container > pre:before{
    display: block; position: absolute; top: 0; right: 0;
    background-color: var(--surface-soft); color: var(--fg);
    padding: 0 .5em; border-bottom-left-radius: 8px; border: 0;
    font-size: 80%;
}
.org-src-container > pre.src-bash:before        { content: "bash"; }
.org-src-container > pre.src-sh:before          { content: "sh"; }
.org-src-container > pre.src-shell:before       { content: "shell"; }
.org-src-container > pre.src-python:before      { content: "Python"; }
.org-src-container > pre.src-emacs-lisp:before  { content: "Emacs Lisp"; }
.org-src-container > pre.src-js:before,
.org-src-container > pre.src-javascript:before  { content: "Javascript"; }
.org-src-container > pre.src-typescript:before  { content: "Typescript"; }
.org-src-container > pre.src-html:before        { content: "HTML"; }
.org-src-container > pre.src-css:before         { content: "CSS"; }
.org-src-container > pre.src-c:before           { content: "C"; }
.org-src-container > pre.src-cpp:before         { content: "C++"; }
.org-src-container > pre.src-java:before        { content: "Java"; }
.org-src-container > pre.src-rust:before        { content: "Rust"; }
.org-src-container > pre.src-R:before           { content: "R"; }

.copy-btn{
    position: absolute; top: .4em; right: .4em;
    background-color: var(--code-bg); color: var(--heading);
    border: 1px solid var(--heading); border-radius: 4px;
    padding: .2em .6em; font-size: .8rem; cursor: pointer; z-index: 10;
    transition: background-color .3s;
}
.copy-btn:hover{ background-color: var(--heading); color: var(--code-bg); }

pre.src::before{ content: none !important; }
pre.src{
    padding: 1.5em 1em 1em;
    font-family: "Fira Mono","Courier New",monospace;
    font-size: .9rem; line-height: 1.4;
    overflow-x: auto; white-space: pre-wrap;
}