/* Theme tokens (default palette) */
:root {
  --bg: #fdf6e3;
  --text: #586e75;
  --heading: #073642;
  --link: #b58900;
  --link-hover: #cb9d00;
  --panel-bg: #eee8d5;
  --accent: #268bd2;
  --code: #2aa198;
  --underline: #93a1a1;
  --toc-item: #586e75;
  --hljs-theme: 'monokai';
}

html[data-theme="teal"] {
  --bg: #000084;
  --text: #ebebeb;
  --heading: #ffffff;
  --link: #ffff00;
  --link-hover: #ffff99;
  --panel-bg: #bbbbbb;
  --accent: #00aaaa;     /* used for h2/h3 box + borders */
  --code: #b25ee6;
  --underline: #ffffff;
  --well-outline: rgba(0,0,0,0.5);
  --toc-item: #000000;
  --hljs-theme: 'monokai';
}

/* Alternate palettes */
html[data-theme="amber"] {
  --bg: #3a3425;
  --text: #f2e7c9;
  --heading: #fff7d6;
  --link: #ffd54f;
  --link-hover: #ffe082;
  --panel-bg: #6b5e3a;
  --accent: #d2a84c;
  --code: #ffb3ff;
  --underline: #ffeaa7;
  --toc-item: #f2e7c9;
  --hljs-theme: 'kimbie-light';
}

html[data-theme="dark"] {
  --bg: #191919;
  --text: #d0d0d0;
  --heading: #ffffff;
  --link: #ffeb3b;
  --link-hover: #fff176;
  --panel-bg: #2a2a2a;
  --accent: #c22929;
  --code: #c22929;
  --underline: #e0e0e0;
  --toc-item: #d0d0d0;
}

html[data-theme="solar"] {
  --bg: #fdf6e3;
  --text: #586e75;
  --heading: #073642;
  --link: #b58900;
  --link-hover: #cb9d00;
  --panel-bg: #eee8d5;
  --accent: #268bd2;
  --code: #2aa198;
  --underline: #93a1a1;
  --toc-item: #586e75;
  --hljs-theme: 'monokai';
}

html[data-theme="ocean"] {
  --bg: #022f40;
  --text: #cde7ea;
  --heading: #e6f7fb;
  --link: #7fe0ff;
  --link-hover: #aef4ff;
  --panel-bg: #043848;
  --accent: #00b3c6;
  --code: #ffd1a9;
  --underline: #88d7df;
  --toc-item: #cde7ea;
    --hljs-theme: 'mono-blue';
}

html[data-theme="mint"] {
  --bg: #f3fff6;
  --text: #245a40;
  --heading: #0b3b2e;
  --link: #00b894;
  --link-hover: #33d6b1;
  --panel-bg: #e6fff0;
  --accent: #00c18a;
  --code: #2d6a4f;
  --underline: #bfead4;
  --toc-item: #245a40;
  --hljs-theme: 'qtcreator-light';
}

html[data-theme="monochrome"] {
  --bg: #ffffff;
  --text: #222222;
  --heading: #000000;
  --link: #666666;
  --link-hover: #000000;
  --panel-bg: #f7f7f7;
  --accent: #dddddd;
  --code: #111111;
  --underline: #cccccc;
  --toc-item: #222222;
    --hljs-theme: 'ascetic';
}

html[data-theme="sunset"] {
  --bg: #2b0b0b;
  --text: #ffd7c2;
  --heading: #fff1e6;
  --link: #ff9f6b;
  --link-hover: #ffc397;
  --panel-bg: #3a1414;
  --accent: #ff6f61;
  --code: #ffd27f;
  --underline: #ffb3a7;
  --toc-item: #ffd7c2;
}