/**
 * Highlight.js Themes for Code Blocks (Dual Mode)
 *
 * This file contains both light and dark syntax highlighting themes.
 * The theme switches automatically based on user's color scheme preference,
 * OR can be manually controlled via the theme switcher button.
 *
 * To change themes, run: npm run docs:update-theme [light-theme] [dark-theme]
 *
 * Popular theme combinations:
 * - github github-dark
 * - stackoverflow-light atom-one-dark
 * - github monokai
 *
 * See all themes at: https://github.com/highlightjs/highlight.js/tree/main/src/styles
 *
 * Current themes:
 *   Light mode: foundation
 *   Dark mode: felipec
 */

/* Light mode theme (foundation) */
/* Applied when: system prefers light mode, OR no preference, OR user forces light */
@media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
/*
Description: Foundation 4 docs style for highlight.js
Author: Dan Allen <dan.j.allen@gmail.com>
Website: http://foundation.zurb.com/docs/
Version: 1.0
Date: 2013-04-02
*/

.hljs {
  background: #eee;
  color: black;
}

.hljs-link,
.hljs-emphasis,
.hljs-attribute,
.hljs-addition {
  color: #070;
}

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

.hljs-strong,
.hljs-string,
.hljs-deletion {
  color: #d14;
}

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

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

.hljs-section,
.hljs-title {
  color: #900;
}


.hljs-class .hljs-title,
.hljs-title.class_,
.hljs-type {
  color: #458;
}

.hljs-variable,
.hljs-template-variable {
  color: #336699;
}

.hljs-bullet {
  color: #997700;
}

.hljs-meta {
  color: #3344bb;
}

.hljs-code,
.hljs-number,
.hljs-literal,
.hljs-keyword,
.hljs-selector-tag {
  color: #099;
}

.hljs-regexp {
  background-color: #fff0ff;
  color: #880088;
}

.hljs-symbol {
  color: #990073;
}

.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #007700;
}

}

/* Force light theme when user manually selects it */
html.theme-light {
/*
Description: Foundation 4 docs style for highlight.js
Author: Dan Allen <dan.j.allen@gmail.com>
Website: http://foundation.zurb.com/docs/
Version: 1.0
Date: 2013-04-02
*/

.hljs {
  background: #eee;
  color: black;
}

.hljs-link,
.hljs-emphasis,
.hljs-attribute,
.hljs-addition {
  color: #070;
}

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

.hljs-strong,
.hljs-string,
.hljs-deletion {
  color: #d14;
}

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

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

.hljs-section,
.hljs-title {
  color: #900;
}


.hljs-class .hljs-title,
.hljs-title.class_,
.hljs-type {
  color: #458;
}

.hljs-variable,
.hljs-template-variable {
  color: #336699;
}

.hljs-bullet {
  color: #997700;
}

.hljs-meta {
  color: #3344bb;
}

.hljs-code,
.hljs-number,
.hljs-literal,
.hljs-keyword,
.hljs-selector-tag {
  color: #099;
}

.hljs-regexp {
  background-color: #fff0ff;
  color: #880088;
}

.hljs-symbol {
  color: #990073;
}

.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #007700;
}

}

/* Dark mode theme (felipec) */
/* Applied when: system prefers dark mode, OR user forces dark */
@media (prefers-color-scheme: dark) {
/*!
 * Theme: FelipeC
 * Author: (c) 2021 Felipe Contreras <felipe.contreras@gmail.com>
 * Website: https://github.com/felipec/vim-felipec
 *
 * Autogenerated with vim-felipec's generator.
*/

.hljs {
  color: #dedde4;
  background-color: #1d1c21;
}

.hljs::selection,
.hljs ::selection {
  color: #1d1c21;
  background-color: #ba9cef;
}

.hljs-comment,
.hljs-code,
.hljs-quote {
  color: #9e9da4;
}

.hljs-number,
.hljs-literal,
.hljs-deletion {
  color: #f09080;
}

.hljs-punctuation,
.hljs-meta,
.hljs-operator,
.hljs-subst,
.hljs-doctag,
.hljs-template-variable,
.hljs-selector-attr {
  color: #ffbb7b;
}

.hljs-type {
  color: #fddb7c;
}

.hljs-tag,
.hljs-title,
.hljs-selector-class,
.hljs-selector-id {
  color: #c4da7d;
}

.hljs-string,
.hljs-regexp,
.hljs-addition {
  color: #93e4a4;
}

.hljs-class,
.hljs-property {
  color: #65e7d1;
}

.hljs-name,
.hljs-selector-tag {
  color: #30c2d8;
}

.hljs-keyword,
.hljs-built_in {
  color: #5fb8f2;
}

.hljs-section,
.hljs-bullet {
  color: #90aafa;
}

.hljs-selector-pseudo {
  color: #ba9cef;
}

.hljs-variable,
.hljs-params,
.hljs-attr,
.hljs-attribute {
  color: #d991d2;
}

.hljs-symbol,
.hljs-link {
  color: #ec8dab;
}

.hljs-strong,
.hljs-literal,
.hljs-title {
  font-weight: bold;
}

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

}

/* Force dark theme when user manually selects it */
html.theme-dark {
/*!
 * Theme: FelipeC
 * Author: (c) 2021 Felipe Contreras <felipe.contreras@gmail.com>
 * Website: https://github.com/felipec/vim-felipec
 *
 * Autogenerated with vim-felipec's generator.
*/

.hljs {
  color: #dedde4;
  background-color: #1d1c21;
}

.hljs::selection,
.hljs ::selection {
  color: #1d1c21;
  background-color: #ba9cef;
}

.hljs-comment,
.hljs-code,
.hljs-quote {
  color: #9e9da4;
}

.hljs-number,
.hljs-literal,
.hljs-deletion {
  color: #f09080;
}

.hljs-punctuation,
.hljs-meta,
.hljs-operator,
.hljs-subst,
.hljs-doctag,
.hljs-template-variable,
.hljs-selector-attr {
  color: #ffbb7b;
}

.hljs-type {
  color: #fddb7c;
}

.hljs-tag,
.hljs-title,
.hljs-selector-class,
.hljs-selector-id {
  color: #c4da7d;
}

.hljs-string,
.hljs-regexp,
.hljs-addition {
  color: #93e4a4;
}

.hljs-class,
.hljs-property {
  color: #65e7d1;
}

.hljs-name,
.hljs-selector-tag {
  color: #30c2d8;
}

.hljs-keyword,
.hljs-built_in {
  color: #5fb8f2;
}

.hljs-section,
.hljs-bullet {
  color: #90aafa;
}

.hljs-selector-pseudo {
  color: #ba9cef;
}

.hljs-variable,
.hljs-params,
.hljs-attr,
.hljs-attribute {
  color: #d991d2;
}

.hljs-symbol,
.hljs-link {
  color: #ec8dab;
}

.hljs-strong,
.hljs-literal,
.hljs-title {
  font-weight: bold;
}

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

}