/* Globals */

:root {
    --sidebar-target-width: 300px;
    --sidebar-width: min(var(--sidebar-target-width), 80vw);
    --sidebar-resize-indicator-width: 8px;
    --sidebar-resize-indicator-space: 2px;
    --page-padding: 15px;
    --content-max-width: 900px;
    --menu-bar-height: 50px;
    --mono-font: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace;
    --code-font-size: 0.875em; /* please adjust the ace font size accordingly in editor.js */
}

/* Themes */

.ayu {
    --bg: hsl(210, 25%, 8%);
    --fg: #c5c5c5;

    --sidebar-bg: #14191f;
    --sidebar-fg: #c8c9db;
    --sidebar-non-existant: #5c6773;
    --sidebar-active: #ffb454;
    --sidebar-spacer: #2d334f;

    --scrollbar: var(--sidebar-fg);

    --icons: #737480;
    --icons-hover: #b7b9cc;

    --links: #0096cf;

    --inline-code-color: #ffb454;

    --theme-popup-bg: #14191f;
    --theme-popup-border: #5c6773;
    --theme-hover: #191f26;

    --quote-bg: hsl(226, 15%, 17%);
    --quote-border: hsl(226, 15%, 22%);

    --warning-border: #ff8e00;

    --table-border-color: hsl(210, 25%, 13%);
    --table-header-bg: hsl(210, 25%, 28%);
    --table-alternate-bg: hsl(210, 25%, 11%);

    --searchbar-border-color: #848484;
    --searchbar-bg: #424242;
    --searchbar-fg: #fff;
    --searchbar-shadow-color: #d4c89f;
    --searchresults-header-fg: #666;
    --searchresults-border-color: #888;
    --searchresults-li-bg: #252932;
    --search-mark-bg: #e3b171;

    --color-scheme: dark;

        /* Same as `--icons` */
    --copy-button-filter: invert(45%) sepia(6%) saturate(621%) hue-rotate(198deg) brightness(99%) contrast(85%);
    /* Same as `--sidebar-active` */
    --copy-button-filter-hover: invert(68%) sepia(55%) saturate(531%) hue-rotate(341deg) brightness(104%) contrast(101%);

    --footnote-highlight: #2668a6;

    --overlay-bg: rgba(33, 40, 48, 0.4);
}

.coal {
    --bg: hsl(200, 7%, 8%);
    --fg: #98a3ad;

    --sidebar-bg: #292c2f;
    --sidebar-fg: #a1adb8;
    --sidebar-non-existant: #505254;
    --sidebar-active: #3473ad;
    --sidebar-spacer: #393939;

    --scrollbar: var(--sidebar-fg);

    --icons: #43484d;
    --icons-hover: #b3c0cc;

    --links: #2b79a2;

    --inline-code-color: #c5c8c6;

    --theme-popup-bg: #141617;
    --theme-popup-border: #43484d;
    --theme-hover: #1f2124;

    --quote-bg: hsl(234, 21%, 18%);
    --quote-border: hsl(234, 21%, 23%);

    --warning-border: #ff8e00;

    --table-border-color: hsl(200, 7%, 13%);
    --table-header-bg: hsl(200, 7%, 28%);
    --table-alternate-bg: hsl(200, 7%, 11%);

    --searchbar-border-color: #aaa;
    --searchbar-bg: #b7b7b7;
    --searchbar-fg: #000;
    --searchbar-shadow-color: #aaa;
    --searchresults-header-fg: #666;
    --searchresults-border-color: #98a3ad;
    --searchresults-li-bg: #2b2b2f;
    --search-mark-bg: #355c7d;

    --color-scheme: dark;

        /* Same as `--icons` */
    --copy-button-filter: invert(26%) sepia(8%) saturate(575%) hue-rotate(169deg) brightness(87%) contrast(82%);
    /* Same as `--sidebar-active` */
    --copy-button-filter-hover: invert(36%) sepia(70%) saturate(503%) hue-rotate(167deg) brightness(98%) contrast(89%);

    --footnote-highlight: #4079ae;

    --overlay-bg: rgba(33, 40, 48, 0.4);
}

.navy {
    --bg: hsl(226, 23%, 11%);
    --fg: #bcbdd0;

    --sidebar-bg: #282d3f;
    --sidebar-fg: #c8c9db;
    --sidebar-non-existant: #505274;
    --sidebar-active: #2b79a2;
    --sidebar-spacer: #2d334f;

    --scrollbar: var(--sidebar-fg);

    --icons: #737480;
    --icons-hover: #b7b9cc;

    --links: #2b79a2;

    --inline-code-color: #c5c8c6;

    --theme-popup-bg: #161923;
    --theme-popup-border: #737480;
    --theme-hover: #282e40;

    --quote-bg: hsl(226, 15%, 17%);
    --quote-border: hsl(226, 15%, 22%);

    --warning-border: #ff8e00;

    --table-border-color: hsl(226, 23%, 16%);
    --table-header-bg: hsl(226, 23%, 31%);
    --table-alternate-bg: hsl(226, 23%, 14%);

    --searchbar-border-color: #aaa;
    --searchbar-bg: #aeaec6;
    --searchbar-fg: #000;
    --searchbar-shadow-color: #aaa;
    --searchresults-header-fg: #5f5f71;
    --searchresults-border-color: #5c5c68;
    --searchresults-li-bg: #242430;
    --search-mark-bg: #a2cff5;

    --color-scheme: dark;

        /* Same as `--icons` */
    --copy-button-filter: invert(51%) sepia(10%) saturate(393%) hue-rotate(198deg) brightness(86%) contrast(87%);
    /* Same as `--sidebar-active` */
    --copy-button-filter-hover: invert(46%) sepia(20%) saturate(1537%) hue-rotate(156deg) brightness(85%) contrast(90%);

    --footnote-highlight: #4079ae;

    --overlay-bg: rgba(33, 40, 48, 0.4);
}

.rust {
    --bg: #e1e1db;
    --fg: #262625;

    --sidebar-bg: #3b2e2a;
    --sidebar-fg: #c8c9db;
    --sidebar-non-existant: #505254;
    --sidebar-active: #e69f67;
    --sidebar-spacer: #45373a;

    --scrollbar: var(--sidebar-fg);

    --icons: #737480;
    --icons-hover: #262625;

    --links: #2b79a2;

    --inline-code-color: #6e6b5e;

    --theme-popup-bg: #e1e1db;
    --theme-popup-border: #b38f6b;
    --theme-hover: #99908a;

    --quote-bg: c2c2bc;
    --quote-border: #b6b6af;

    --warning-border: #ff8e00;

    --table-border-color: #d5d5cd
    --table-header-bg: #b3a497;
    --table-alternate-bg: 	#dadad3;

    --searchbar-border-color: #aaa;
    --searchbar-bg: #fafafa;
    --searchbar-fg: #000;
    --searchbar-shadow-color: #aaa;
    --searchresults-header-fg: #666;
    --searchresults-border-color: #888;
    --searchresults-li-bg: #dec2a2;
    --search-mark-bg: #e69f67;

    --color-scheme: dark;

        /* Same as `--icons` */
    --copy-button-filter: invert(51%) sepia(10%) saturate(393%) hue-rotate(198deg) brightness(86%) contrast(87%);
    /* Same as `--sidebar-active` */
    --copy-button-filter-hover: invert(77%) sepia(16%) saturate(1798%) hue-rotate(328deg) brightness(98%) contrast(83%);

    --footnote-highlight: #d3a17a;

    --overlay-bg: rgba(150, 150, 150, 0.25);
}

.dracula {
    /* Base and Surface colors for background and foreground */
    --bg: #282a36; /* Default background */
    --fg: #f8f8f2; /* Default text color */

    /* Sidebar settings */
    --sidebar-bg: #44475a; /* Sidebar background */
    --sidebar-fg: #cab1f8; /* Sidebar text */
    --sidebar-active: #af67f3; /* Active item */
    --sidebar-non-existant: #6272a4; /* Non-existent items */
    --sidebar-spacer: #383a4a; /* Added for consistency */

    --scrollbar: var(--sidebar-fg); /* Sidebar scrollbar color */

    /* Icon settings */
    --icons: #bd93f9; /* Icons */
    --icons-hover: #ff79c6; /* Hovered icons */

    /* Links and inline elements */
    --links: #ad5add; /* Links */
    --inline-code-color: #a850fa; /* Inline code */

    /* Popup and theme-specific settings */
    --theme-popup-bg: #282a36; /* Popup background */
    --theme-popup-border: #44475a; /* Popup border */
    --theme-hover: #21202e; /* Highlight low */

    /* Blockquote settings */
    --quote-bg: #44475a; /* Blockquote background */
    --quote-border: #6272a4; /* Blockquote border */

    /* Table settings */
    --table-border-color: #6272a4; /* Table border */
    --table-header-bg: #44475a; /* Table header background */
    --table-alternate-bg: #383a4a; /* Alternate row background */

    /* Search bar settings */
    --searchbar-border-color: #6272a4; /* Search bar border */
    --searchbar-bg: #282a36; /* Search bar background */
    --searchbar-fg: #f8f8f2; /* Search bar text */
    --searchbar-shadow-color: #ff79c6; /* Search bar shadow */

    /* Search results settings */
    --searchresults-header-fg: #f8f8f2; /* Search results header text */
    --searchresults-border-color: #6272a4; /* Search results border */
    --searchresults-li-bg: #44475a; /* Search result background */
    --search-mark-bg: #8be9fd; /* Highlighted search term background */

    --color-scheme: light;
}

/* Override Code Blocks for Rose Pink theme */
.dracula .hljs {
    background: #f4f0f8; /* Light pink background for contrast */
    color: #350c3d; /* Darker rose color for text */
}

.dracula .hljs-section {
    color: #863ab2; /* Rich rose color for section titles */
}

.pinkrose {
    /* Base and Surface colors for background and foreground */
    --bg: #1f1d2e; /* Surface color */
    --fg: #e0def4; /* Text color */

    /* Subtler sidebar to keep focus on the content */
    --sidebar-bg: #191724; /* Base color */
    --sidebar-fg: #908caa; /* Subtle color */

    /* Additional color assignments from the palette */
    --sidebar-non-existant: #524f67; /* Highlight High */
    --sidebar-active: #eb6f92; /* Love */
    --sidebar-spacer: #403d52; /* Highlight Med */

    --scrollbar: var(--sidebar-fg);

    --icons: #eb6f92; /* Pine */
    --icons-hover: #ee6aee; /* Iris */

    --links: #f6c177; /* Gold */

    --inline-code-color: #ebbcba; /* Rose */

    --theme-popup-bg: #26233a; /* Overlay */
    --theme-popup-border: #6e6a86; /* Muted */
    --theme-hover: #21202e; /* Highlight Low */

    --quote-bg: #26233a; /* Overlay */
    --quote-border: #403d52; /* Highlight Med */

    --table-border-color: #524f67; /* Highlight High */
    --table-header-bg: #403d52; /* Highlight Med */
    --table-alternate-bg: #1f1d2e; /* Surface */

    --searchbar-border-color: #6e6a86; /* Muted */
    --searchbar-bg: #26233a; /* Overlay */
    --searchbar-fg: #e0def4; /* Text */
    --searchbar-shadow-color: #eb6f92; /* Love */
    --searchresults-header-fg: #908caa; /* Subtle */
    --searchresults-border-color: #524f67; /* Highlight High */
    --searchresults-li-bg: #1f1d2e; /* Surface */
    --search-mark-bg: #f6c177; /* Gold */
}

/* Override Code Blocks for Rose Pink theme */
.pinkrose .hljs {
    background: #fdebf6; /* Light pink background for contrast */
    color: #b6485e; /* Darker rose color for text */
}

.pinkrose .hljs-section {
    color: #b23a48; /* Rich rose color for section titles */
}

.kanagawa {
    /* Using the Kanagawa color palette */
    --bg: #222835; /* sumiInk1 for Default background */
    --fg: #DCD7BA; /* fujiWhite for Default foreground */

    --sidebar-bg: #2A2A37; /* sumiInk2 for a subtler sidebar background */
    --sidebar-fg: #C8C093; /* oldWhite for Dark foreground in sidebar */
    
    /* Other color assignments based on the palette */
    --sidebar-non-existant: #54546D; /* sumiInk4 */
    --sidebar-active: #FF9E3B; /* roninYellow for Diagnostic Warning */
    --sidebar-spacer: #363646; /* sumiInk3 */

    --scrollbar: var(--sidebar-fg);

    --icons: #7E9CD8; /* #98BB6C;  springGreen for Strings */
    --icons: #54546D; /* sumiInk4 for Darker foreground */
    --icons-hover: #7E9CD8; /* crystalBlue for Functions and Titles */

    --links: #7FB4CA; /* springBlue for Specials and builtin functions */

    --inline-code-color: #E82424; /* samuraiRed for Diagnostic Error */

    --theme-popup-bg: #223249; /* waveBlue1 for Popup background */
    --theme-popup-border: #2D4F67; /* waveBlue2 for Popup selection background */
    --theme-hover: #16161D; /* sumiInk0 for Dark background */

    --quote-bg: #252535; /* winterBlue for Diff Line background */
    --quote-border: #2B3328; /* winterGreen for Diff Add background */

    --table-border-color: #49443C; /* winterYellow for Diff Change background */
    --table-header-bg: #43242B; /* winterRed for Diff Deleted background */
    --table-alternate-bg: #1F1F28; /* sumiInk1 */

    --searchbar-border-color: #658594; /* dragonBlue for Diagnostic Hint */
    --searchbar-bg: #6A9589; /* waveAqua1 for Diagnostic Info */
    --searchbar-fg: #fff;
    --searchbar-shadow-color: #d4c89f;
    --searchresults-header-fg: #666;
    --searchresults-border-color: #888;
    --searchresults-li-bg: #2A2A37; /* sumiInk2 */
    --search-mark-bg: #E6C384; /* carpYellow for Identifiers */
}

/* Override code blocks for Kanagawa theme */
.kanagawa .hljs {
    background: #323242; /* sumiInk2 for a slightly lighter background */
    color: #DCD7BA; /* fujiWhite for Default foreground */
}

.kanagawa .hljs-section {
    color: #7E9CD8; /* crystalBlue for Functions and Titles */
}

@media (prefers-color-scheme: dark) {
    .light.no-js {
        --bg: hsl(200, 7%, 8%);
        --fg: #98a3ad;

        --sidebar-bg: #292c2f;
        --sidebar-fg: #a1adb8;
        --sidebar-non-existant: #505254;
        --sidebar-active: #3473ad;
        --sidebar-spacer: #393939;

        --scrollbar: var(--sidebar-fg);

        --icons: #43484d;
        --icons-hover: #b3c0cc;

        --links: #2b79a2;

        --inline-code-color: #c5c8c6;

        --theme-popup-bg: #141617;
        --theme-popup-border: #43484d;
        --theme-hover: #1f2124;

        --quote-bg: hsl(234, 21%, 18%);
        --quote-border: hsl(234, 21%, 23%);

        --warning-border: #ff8e00;

        --table-border-color: hsl(200, 7%, 13%);
        --table-header-bg: hsl(200, 7%, 28%);
        --table-alternate-bg: hsl(200, 7%, 11%);

        --searchbar-border-color: #aaa;
        --searchbar-bg: #b7b7b7;
        --searchbar-fg: #000;
        --searchbar-shadow-color: #aaa;
        --searchresults-header-fg: #666;
        --searchresults-border-color: #98a3ad;
        --searchresults-li-bg: #2b2b2f;
        --search-mark-bg: #355c7d;
    }
}

.tender {
  --bg: #282828;               /* Background (Base 00) */
  --fg: #eeeeee;               /* Foreground (Base 05) */
  
  --sidebar-bg: #3c3836;       /* Same as background */
  --sidebar-fg: #eeeeee;       /* Same as foreground */
  --sidebar-non-existant: #666666; /* Slightly muted grey */
  --sidebar-active: #ffcc66;   /* Accent green from tender (color12) */
  --sidebar-spacer: #282828;   /* Slightly lighter bg for spacing */

  --scrollbar: #5c5c5c;        /* Neutral mid-grey for scrollbar */

  --icons: #999999;            /* Neutral icon default */
  --icons-hover: #ffffff;      /* Bright hover contrast */

  --links: #ffa07a;            /* Soft orange-pink (from tender highlight) */

  --theme-popup-bg: #3c3836;   /* Lightened background for modals */
  --theme-popup-border: #504945; /* Border contrast for modals */
  --theme-hover: #383838;      /* Hover background */

  --quote-bg: #353535;         /* Slightly distinct quote block */
  --quote-border: #a3c9a8;     /* Accent green as border */

  --table-border-color: #444444; /* Subtle grid lines */
  --table-header-bg: #383838;
  --table-alternate-bg: #2e2e2e;

  --searchbar-border-color: #666666;
  --searchbar-bg: #2c2c2c;
  --searchbar-fg: #eeeeee;
  --searchbar-shadow-color: #1c1c1c;

  --searchresults-header-fg: #ffcc66;
  --searchresults-border-color: #444444;
  --searchresults-li-bg: #353535;
  --search-mark-bg: #ffcc66;

  --warning-border: #ffcc66;
}

.tender .hljs {
  background: #353535;   
  color: #eeeeee;       
}

.tender .hljs-comment,
.tender .hljs-quote {
  color: #999999;
  font-style: italic;
}

.tender .hljs-keyword,
.tender .hljs-selector-tag,
.tender .hljs-type {
  color: #ffcc66; /* pastel yellow */
}

.tender .hljs-string {
  color: #a3c9a8; /* soft green */
}

.tender .hljs-subst {
  color: #eeeeee;
}

.tender .hljs-regexp,
.tender .hljs-link {
  color: #ef9f76; /* soft orange */
}

.tender .hljs-title,
.tender .hljs-section,
.tender .hljs-tag,
.tender .hljs-name {
  color: #ffa07a; /* salmon/pink for markup tags */
}

.tender .hljs-title.class_,
.tender .hljs-class .tender .hljs-title,
.tender .hljs-doctag {
  color: #ffcc66;
  text-decoration: underline;
}

.tender .hljs-symbol,
.tender .hljs-bullet,
.tender .hljs-number {
  color: #cda869; /* yellowy-tan */
}

.tender .hljs-params,
.tender .hljs-variable,
.tender .hljs-template-variable {
  color: #d4bfff; /* soft purple */
}

.tender .hljs-attribute {
  color: #ef9f76;
}

.tender .hljs-meta {
  color: #aaaacc;
}

.tender .hljs-formula {
  background-color: #3c3c3c;
  color: #eeeeee;
  font-style: italic;
}

.tender .hljs-addition {
  background-color: #334433;
  color: #eeeeee;
}

.tender .hljs-deletion {
  background-color: #553333;
  color: #eeeeee;
}

.tender .hljs-selector-class {
  color: #d7b191; /* warm pastel brown */
}

.tender .hljs-selector-id {
  color: #b0c4de; /* light steel blue */
}

.tender .hljs-emphasis {
  font-style: italic;
}

.tender .hljs-strong {
  font-weight: bold;
}


.nord {
    --bg: #2e3440;                  /* nord0 */
    --fg: #d8dee9;                  /* nord4 */

    --sidebar-bg: #3b4252;          /* nord1 */
    --sidebar-fg: #eceff4;          /* nord6 */
    --sidebar-active: #88c0d0;      /* nord8 */
    --sidebar-non-existant: #4c566a;/* nord3 */
    --sidebar-spacer: #434c5e;      /* nord2 */

    --scrollbar: #eceff4;           /* nord6 */

    --icons: #81a1c1;               /* nord9 */
    --icons-hover: #8fbcbb;         /* nord7 */

    --links: #5e81ac;               /* nord10 */
    --inline-code-color: #b48ead;   /* nord15 */

    --theme-popup-bg: #2e3440;      /* nord0 */
    --theme-popup-border: #3b4252;  /* nord1 */
    --theme-hover: #434c5e;         /* nord2 */

    --quote-bg: #3b4252;            /* nord1 */
    --quote-border: #4c566a;        /* nord3 */

    --table-border-color: #4c566a;  /* nord3 */
    --table-header-bg: #3b4252;     /* nord1 */
    --table-alternate-bg: #2e3440;  /* nord0 */

    --searchbar-border-color: #4c566a; /* nord3 */
    --searchbar-bg: #2e3440;        /* nord0 */
    --searchbar-fg: #eceff4;        /* nord6 */
    --searchbar-shadow-color: #81a1c1; /* nord9 */

    --searchresults-header-fg: #d8dee9;  /* nord4 */
    --searchresults-border-color: #4c566a; /* nord3 */
    --searchresults-li-bg: #3b4252;   /* nord1 */
    --search-mark-bg: #88c0d0;       /* nord8 */

    --windowBackgroundImageColor: rgba(46, 52, 64, 0.9); /* nord0 */
    --blurRadius: 20px;

    --color-scheme: dark;
}

/* Inline code */
.nord code.hljs {
    padding: 0.2em 0.4em;
    border-radius: 4px;
    background: #3b4252;  /* nord1 */
}

/* Syntax highlight classes */
.nord .hljs-comment,
.nord .hljs-quote {
    color: #d8dee9;       /* nord3 */
    font-style: italic;
}

.nord .hljs-keyword,
.nord .hljs-selector-tag,
.nord .hljs-literal,
.nord .hljs-name {
    color: #81a1c1;       /* nord9 */
}

.nord .hljs-number,
.nord .hljs-meta,
.nord .hljs-built_in,
.nord .hljs-type {
    color: #b48ead;       /* nord15 */
}

.nord .hljs-string,
.nord .hljs-regexp,
.nord .hljs-addition {
    color: #a3be8c;       /* nord14 */
}

.nord .hljs-title,
.nord .hljs-section,
.nord .hljs-selector-id {
    color: #8fbcbb;       /* nord7 */
}

.nord .hljs-attribute,
.nord .hljs-variable,
.nord .hljs-template-variable,
.nord .hljs-class .hljs-title {
    color: #d08770;       /* nord12 */
}

.nord .hljs-symbol,
.nord .hljs-bullet,
.nord .hljs-link {
    color: #ebcb8b;       /* nord13 */
}

.nord .hljs-deletion {
    color: #bf616a;       /* nord11 */
}

.nord .hljs-emphasis {
    font-style: italic;
}

.nord .hljs-strong {
    font-weight: bold;
}

.brew.hljs {
    color: #f9d094;
    background: #2e2a24;
}

.brew .hljs-keyword {
    color: #96cbfe;
}

.brew .hljs-property {
    color: #b0d6e7;
}

.brew .hljs-tag {
    color: #7eb6e0;
}

.brew .hljs-built_in {
    color: #fd971f;
}

.brew .hljs-type {
    color: #be862d;
}

.brew .hljs-literal {
    color: #e6b85c;
}

.brew .hljs-number {
    color: #d6a04a;
}

.brew .hljs-operator {
    color: #ededed;
}

.brew .hljs-entity {
    color: #e0cfae;
}

.brew .hljs-url {
    color: #bdbdbd;
}

.brew .hljs-punctuation {
    color: #c5c8c6;
}

.brew .hljs-regexp {
    color: #bfa05c;
}

.brew .hljs-string {
    color: #9c7645;
}

.brew .hljs-char.escape_ {
    color: #b88c5a;
}

.brew .hljs-subst {
    color: #f9d094;
}

.brew .hljs-symbol {
    color: #d6a04a;
}

.brew .hljs-variable {
    color: #3bb6b6;
}

.brew .hljs-variable.language_ {
    color: #2e8c8c;
}

.brew .hljs-variable.constant_ {
    color: #be862d;
}

.brew .hljs-title {
    color: #e6b85c;
}

.brew .hljs-title.class_ {
    color: #be862d;
}

.brew .hljs-title.function_ {
    color: #fd971f;
}

.brew .hljs-params {
    color: #f9d094;
}

.brew .hljs-comment,
.brew .hljs-doctag {
    color: #7c7c7c;
}

.brew .hljs-meta {
    color: #bfa05c;
}

.brew .hljs-section {
    color: #e6b85c;
}

.brew .hljs-name {
    color: #be862d;
}

.brew .hljs-attr {
    color: #d6a04a;
}

.brew .hljs-attribute {
    color: #b88c5a;
}

.brew .hljs-bullet {
    color: #fd971f;
}

.brew .hljs-code {
    color: #9c7645;
}

.brew .hljs-emphasis {
    color: #fd971f;
    font-style: italic;
}

.brew .hljs-strong {
    color: #fd971f;
    font-weight: bold;
}

.brew .hljs-formula {
    color: #be862d;
}

.brew .hljs-link {
    color: #7eb6e0;
    font-style: italic;
}

.brew .hljs-quote {
    color: #b88c5a;
    font-style: italic;
}

.brew .hljs-selector-tag {
    color: #be862d;
}

.brew .hljs-selector-id {
    color: #fd971f;
}

.brew .hljs-selector-class {
    color: #bfa05c;
}

.brew .hljs-selector-attr {
    color: #96cbfe;
}

.brew .hljs-selector-pseudo {
    color: #e6b85c;
}

.brew .hljs-template-tag {
    color: #bfa05c;
}

.brew .hljs-template-variable {
    color: #d6a04a;
}

.brew .hljs-addition {
    color: #9c7645;
    background: rgba(156, 118, 69, 0.15);
}

.brew .hljs-deletion {
    color: #fd971f;
    background: rgba(253, 151, 31, 0.15);
}

.brew :is(h1, h2, h3, h4, h5, h6) a code {
    color: #f9d094;
}

.brew a code {
    color: #be862d;
}

.brew code {
    color: #f5f5f5;
    background: #241f18;
    border-radius: 0.7rem;
}

.brew blockquote blockquote {
    border-top: 0.1em solid #be862d;
    border-bottom: 0.1em solid #be862d;
}

.brew hr {
    border-color: #be862d;
    border-style: solid;
}

.brew del {
    color: #7c7c7c;
}

.brew .ace_gutter {
    color: #be862d;
    background: #2e2a24;
}

.brew .ace_gutter-active-line.ace_gutter-cell {
    color: #fd971f;
    background: #2e2a24;
}

.brew .tooltiptext {
    background: #2e2a24;
    color: #f9d094;
}

.brew {
    --bg: #2e2a24;
    --fg: #f9d094;
    --sidebar-bg: #221e18;
    --sidebar-fg: #f9d094;
    --sidebar-non-existant: #7c7c7c;
    --sidebar-active: #be862d;
    --sidebar-spacer: #7c7c7c;
    --scrollbar: #7c7c7c;
    --icons: #7c7c7c;
    --icons-hover: #d3a459;
    --links: #be862d;
    --inline-code-color: #f9d094;
    --theme-popup-bg: #2e2a24;
    --theme-popup-border: #be862d;
    --theme-hover: #3a332a;
    --quote-bg: #2e2a24;
    --quote-border: #be862d;
    --table-border-color: #be862d;
    --table-header-bg: #2e2a24;
    --table-alternate-bg: #2e2a24;
    --searchbar-border-color: #be862d;
    --searchbar-bg: #2e2a24;
    --searchbar-fg: #f9d094;
    --searchbar-shadow-color: #be862d;
    --searchresults-header-fg: #f9d094;
    --searchresults-border-color: #be862d;
    --searchresults-li-bg: #2e2a24;
    --search-mark-bg: #be862d;
    --warning-border: #fd971f;
    --color-scheme: dark;
    --copy-button-filter: brightness(0) saturate(0%) invert(70%) brightness(85%)
        contrast(100%);
    --copy-button-filter-hover: brightness(0) saturate(0%) invert(70%)
        brightness(100%) contrast(100%);
}

.everforest {
    --bg: #2f383e;
    --fg: #d3c6aa;

    --sidebar-bg: #3a454a;
    --sidebar-fg: #d3c6aa;
    --sidebar-active: #7fbbb3;
    --sidebar-non-existant: #859289;
    --sidebar-spacer: #4b565c;

    --scrollbar: #859289;

    --icons: #7fbbb3;
    --icons-hover: #a7c080;

    --links: #83c092;
    --inline-code-color: #d699b6;

    --theme-popup-bg: #2f383e;
    --theme-popup-border: #4b565c;
    --theme-hover: #3a454a;

    --quote-bg: #3a454a;
    --quote-border: #859289;

    --table-border-color: #4b565c;
    --table-header-bg: #3a454a;
    --table-alternate-bg: #384245;

    --searchbar-border-color: #859289;
    --searchbar-bg: #2f383e;
    --searchbar-fg: #d3c6aa;
    --searchbar-shadow-color: #e69875;

    --searchresults-header-fg: #d3c6aa;
    --searchresults-border-color: #4b565c;
    --searchresults-li-bg: #3a454a;
    --search-mark-bg: #83c092;

    --windowBackgroundImageColor: rgba(47, 56, 62, 0.92);
    --blurRadius: 20px;

    --color-scheme: dark;
}

.everforest code.hljs {
    padding: 0.2em 0.4em;
    background: #3a454a; /* slightly lighter inline code */
}

/* Syntax colors */
.everforest .hljs-comment,
.everforest .hljs-quote {
    color: #859289;
    font-style: italic;
}

.everforest .hljs-keyword,
.everforest .hljs-selector-tag,
.everforest .hljs-literal,
.everforest .hljs-name {
    color: #7fbbb3;
}

.everforest .hljs-string,
.everforest .hljs-regexp,
.everforest .hljs-addition {
    color: #a7c080;
}

.everforest .hljs-number,
.everforest .hljs-meta,
.everforest .hljs-built_in,
.everforest .hljs-type {
    color: #d699b6;
}

.everforest .hljs-title,
.everforest .hljs-section,
.everforest .hljs-selector-id {
    color: #83c092;
}

.everforest .hljs-attribute,
.everforest .hljs-variable,
.everforest .hljs-template-variable,
.everforest .hljs-class .hljs-title {
    color: #e69875;
}

.everforest .hljs-symbol,
.everforest .hljs-bullet,
.everforest .hljs-link {
    color: #dbbc7f;
}

.everforest .hljs-deletion {
    color: #e67e80;
}

.everforest .hljs-emphasis {
    font-style: italic;
}

.everforest .hljs-strong {
    font-weight: bold;
}

.miasma {
    --bg: #222222;
    --fg: #c2c2b0;

    --sidebar-bg: #2b2b2b;
    --sidebar-fg: #c2c2b0;
    --sidebar-active: #c9a554; /* bright cyan */
    --sidebar-non-existant: #666666; /* bright black */
    --sidebar-spacer: #444444;

    --scrollbar: #c2c2b0;

    --icons: #78824b; /* blue */
    --icons-hover: #c9a554; /* cyan */

    --links: #bb7744; /* magenta */
    --inline-code-color: #e5c47b; /* selection background */

    --theme-popup-bg: #222222;
    --theme-popup-border: #444444;
    --theme-hover: #2d2d2d;

    --quote-bg: #2d2d2d;
    --quote-border: #666666;

    --table-border-color: #444444;
    --table-header-bg: #2d2d2d;
    --table-alternate-bg: #1c1c1c;

    --searchbar-border-color: #666666;
    --searchbar-bg: #222222;
    --searchbar-fg: #c2c2b0;
    --searchbar-shadow-color: #e5c47b;

    --searchresults-header-fg: #c2c2b0;
    --searchresults-border-color: #444444;
    --searchresults-li-bg: #2b2b2b;
    --search-mark-bg: #e5c47b;

    --windowBackgroundImageColor: rgba(34, 34, 34, 0.9);
    --blurRadius: 18px;

    --color-scheme: dark;
}

.miasma code.hljs {
    padding: 0.2em 0.4em;
    background: #2b2b2b; /* slightly lighter for inline */
}

/* Syntax classes */
.miasma .hljs-comment,
.miasma .hljs-quote {
    color: #666666; /* bright black */
    font-style: italic;
}

.miasma .hljs-keyword,
.miasma .hljs-selector-tag,
.miasma .hljs-literal,
.miasma .hljs-name {
    color: #78824b; /* blue */
}

.miasma .hljs-string,
.miasma .hljs-regexp,
.miasma .hljs-addition {
    color: #5f875f; /* green */
}

.miasma .hljs-number,
.miasma .hljs-meta,
.miasma .hljs-built_in,
.miasma .hljs-type {
    color: #bb7744; /* magenta */
}

.miasma .hljs-title,
.miasma .hljs-section,
.miasma .hljs-selector-id {
    color: #c9a554; /* cyan */
}

.miasma .hljs-attribute,
.miasma .hljs-variable,
.miasma .hljs-template-variable,
.miasma .hljs-class .hljs-title {
    color: #b36d43; /* yellow */
}

.miasma .hljs-symbol,
.miasma .hljs-bullet,
.miasma .hljs-link {
    color: #e5c47b; /* selection background */
}

.miasma .hljs-deletion {
    color: #685742; /* red */
}

.miasma .hljs-emphasis {
    font-style: italic;
}

.miasma .hljs-strong {
    font-weight: bold;
}

.dayfox {
    --bg: #f6f2ee;
    --fg: #3d2b5a;

    --sidebar-bg: #f2e9e1;
    --sidebar-fg: #3d2b5a;
    --sidebar-active: #6e33ce; /* magenta */
    --sidebar-non-existant: #534c45; /* bright black */
    --sidebar-spacer: #e7d2be;

    --scrollbar: #3d2b5a;

    --icons: #2848a9; /* blue */
    --icons-hover: #8452d5; /* bright magenta */

    --links: #287980; /* cyan */
    --inline-code-color: #b86e28; /* bright yellow */

    --theme-popup-bg: #f6f2ee;
    --theme-popup-border: #e7d2be;
    --theme-hover: #e7d2be;

    --quote-bg: #f2e9e1;
    --quote-border: #534c45;

    --table-border-color: #534c45;
    --table-header-bg: #f2e9e1;
    --table-alternate-bg: #f6f2ee;

    --searchbar-border-color: #534c45;
    --searchbar-bg: #f6f2ee;
    --searchbar-fg: #3d2b5a;
    --searchbar-shadow-color: #b86e28;

    --searchresults-header-fg: #3d2b5a;
    --searchresults-border-color: #534c45;
    --searchresults-li-bg: #f2e9e1;
    --search-mark-bg: #e7d2be;

    --windowBackgroundImageColor: rgba(246, 242, 238, 0.9);
    --blurRadius: 20px;

    --color-scheme: light;
}

.dayfox code.hljs {
    padding: 0.2em 0.4em;
    background: #f2e9e1;
}

/* Syntax highlight classes */
.dayfox .hljs-comment,
.dayfox .hljs-quote {
    color: #534c45; /* bright black */
    font-style: italic;
}

.dayfox .hljs-keyword,
.dayfox .hljs-selector-tag,
.dayfox .hljs-literal,
.dayfox .hljs-name {
    color: #2848a9; /* blue */
}

.dayfox .hljs-string,
.dayfox .hljs-regexp,
.dayfox .hljs-addition {
    color: #396847; /* green */
}

.dayfox .hljs-number,
.dayfox .hljs-meta,
.dayfox .hljs-built_in,
.dayfox .hljs-type {
    color: #6e33ce; /* magenta */
}

.dayfox .hljs-title,
.dayfox .hljs-section,
.dayfox .hljs-selector-id {
    color: #287980; /* cyan */
}

.dayfox .hljs-attribute,
.dayfox .hljs-variable,
.dayfox .hljs-template-variable,
.dayfox .hljs-class .hljs-title {
    color: #ac5402; /* yellow */
}

.dayfox .hljs-symbol,
.dayfox .hljs-bullet,
.dayfox .hljs-link {
    color: #b86e28; /* bright yellow */
}

.dayfox .hljs-deletion {
    color: #a5222f; /* red */
}

.dayfox .hljs-emphasis {
    font-style: italic;
}

.dayfox .hljs-strong {
    font-weight: bold;
}

.noctis-lux {
    --bg: #f6edda;
    --fg: #005661;

    --sidebar-bg: #e9dfcb;
    --sidebar-fg: #005661;
    --sidebar-active: #0094f0;         /* blue */
    --sidebar-non-existant: #8ca6a6;   /* normal white */
    --sidebar-spacer: #d4e8e2;

    --scrollbar: #005661;

    --icons: #0094f0;      /* blue */
    --icons-hover: #00bdd6;/* cyan */

    --links: #00bdd6;
    --inline-code-color: #f49725; /* yellow */

    --theme-popup-bg: #f6edda;
    --theme-popup-border: #d4e8e2;
    --theme-hover: #e9dfcb;

    --quote-bg: #e9dfcb;
    --quote-border: #8ca6a6;

    --table-border-color: #8ca6a6;
    --table-header-bg: #e9dfcb;
    --table-alternate-bg: #f6edda;

    --searchbar-border-color: #8ca6a6;
    --searchbar-bg: #f6edda;
    --searchbar-fg: #005661;
    --searchbar-shadow-color: #f49725;

    --searchresults-header-fg: #005661;
    --searchresults-border-color: #8ca6a6;
    --searchresults-li-bg: #e9dfcb;
    --search-mark-bg: #d4e8e2;

    --windowBackgroundImageColor: rgba(246, 237, 218, 0.92);
    --blurRadius: 18px;

    --color-scheme: light;
}

.noctis-lux code.hljs {
    padding: 0.2em 0.4em;
    background: #e9dfcb;
}

/* Syntax highlight classes */
.noctis-lux .hljs-comment,
.noctis-lux .hljs-quote {
    color: #8ca6a6;
    font-style: italic;
}

.noctis-lux .hljs-keyword,
.noctis-lux .hljs-selector-tag,
.noctis-lux .hljs-literal,
.noctis-lux .hljs-name {
    color: #0094f0; /* blue */
}

.noctis-lux .hljs-string,
.noctis-lux .hljs-regexp,
.noctis-lux .hljs-addition {
    color: #00b368; /* green */
}

.noctis-lux .hljs-number,
.noctis-lux .hljs-meta,
.noctis-lux .hljs-built_in,
.noctis-lux .hljs-type {
    color: #ff5792; /* magenta */
}

.noctis-lux .hljs-title,
.noctis-lux .hljs-section,
.noctis-lux .hljs-selector-id {
    color: #00bdd6; /* cyan */
}

.noctis-lux .hljs-attribute,
.noctis-lux .hljs-variable,
.noctis-lux .hljs-template-variable,
.noctis-lux .hljs-class .hljs-title {
    color: #f49725; /* yellow */
}

.noctis-lux .hljs-symbol,
.noctis-lux .hljs-bullet,
.noctis-lux .hljs-link {
    color: #ff8c00; /* bright yellow */
}

.noctis-lux .hljs-deletion {
    color: #e34e1c; /* red */
}

.noctis-lux .hljs-emphasis {
    font-style: italic;
}

.noctis-lux .hljs-strong {
    font-weight: bold;
}

.zenbones {
    --bg: #eeeeee;
    --fg: #353535;

    --sidebar-bg: #e0e0e0;
    --sidebar-fg: #353535;
    --sidebar-active: #286486;         /* blue */
    --sidebar-non-existant: #c6c3c3;   /* bright black */
    --sidebar-spacer: #d7d7d7;

    --scrollbar: #353535;

    --icons: #286486;
    --icons-hover: #3b8992;

    --links: #3b8992;
    --inline-code-color: #944927; /* yellow */

    --theme-popup-bg: #eeeeee;
    --theme-popup-border: #d7d7d7;
    --theme-hover: #e7e7e7;

    --quote-bg: #e0e0e0;
    --quote-border: #c6c3c3;

    --table-border-color: #c6c3c3;
    --table-header-bg: #e0e0e0;
    --table-alternate-bg: #f5f5f5;

    --searchbar-border-color: #c6c3c3;
    --searchbar-bg: #eeeeee;
    --searchbar-fg: #353535;
    --searchbar-shadow-color: #944927;

    --searchresults-header-fg: #353535;
    --searchresults-border-color: #c6c3c3;
    --searchresults-li-bg: #e0e0e0;
    --search-mark-bg: #d7d7d7;

    --windowBackgroundImageColor: rgba(238, 238, 238, 0.92);
    --blurRadius: 18px;

    --color-scheme: light;
}

.zenbones code.hljs {
    padding: 0.2em 0.4em;
    background: #e0e0e0;
}

/* Syntax highlight classes */
.zenbones .hljs-comment,
.zenbones .hljs-quote {
    color: #c6c3c3; /* bright black */
    font-style: italic;
}

.zenbones .hljs-keyword,
.zenbones .hljs-selector-tag,
.zenbones .hljs-literal,
.zenbones .hljs-name {
    color: #286486; /* blue */
}

.zenbones .hljs-string,
.zenbones .hljs-regexp,
.zenbones .hljs-addition {
    color: #4f6c31; /* green */
}

.zenbones .hljs-number,
.zenbones .hljs-meta,
.zenbones .hljs-built_in,
.zenbones .hljs-type {
    color: #88507d; /* magenta */
}

.zenbones .hljs-title,
.zenbones .hljs-section,
.zenbones .hljs-selector-id {
    color: #3b8992; /* cyan */
}

.zenbones .hljs-attribute,
.zenbones .hljs-variable,
.zenbones .hljs-template-variable,
.zenbones .hljs-class .hljs-title {
    color: #944927; /* yellow */
}

.zenbones .hljs-symbol,
.zenbones .hljs-bullet,
.zenbones .hljs-link {
    color: #803d1c; /* bright yellow */
}

.zenbones .hljs-deletion {
    color: #a8334c; /* red */
}

.zenbones .hljs-emphasis {
    font-style: italic;
}

.zenbones .hljs-strong {
    font-weight: bold;
}