/*
 * Color scheme variables.
 *
 * Each of the four schemes below reproduces one color pack from the
 * original mee-theme-html/HTML/{default,black,dark_gray,violet} packages.
 * Values were extracted by diffing the four style.css / portfolio.css files
 * against each other. The active scheme is applied as a body attribute
 * (body[data-scheme="..."]) by inc/customizer.php, based on the
 * "jenn_color_scheme" theme_mod.
 */

:root,
body[data-scheme="default"] {
	--jp-accent: #ffb400;
	--jp-text: #545454;
	--jp-link-hover: #000000;
	--jp-ink: #000000;
	--jp-page-bg: #ffffff;
	--jp-surface-a: #ffffff;
	--jp-surface-b: #f7f7f7;
	--jp-sidebar-bg: #000000;
	--jp-sidebar-border: #333333;
	--jp-sidebar-text: #ffffff;
	--jp-divider: #dfdfdf;
	--jp-input-bg: transparent;
	--jp-input-border: #dfdfdf;
	--jp-input-text: #a6a6a6;
	--jp-progress-track: #d4d4d4;
	--jp-progress-bar: #8f8f8f;
	--jp-panel-bg: #ffffff;
	--jp-panel-border: #e5e5e5;
	--jp-lightbox-bg: #ffffff;
	--jp-lightbox-overlay: rgba(255, 255, 255, 0.8);
	--jp-lightbox-close-bg: #000000;
}

body[data-scheme="black"] {
	--jp-accent: #7dba5c;
	--jp-text: #818181;
	--jp-link-hover: #7dba5c;
	--jp-ink: #818181;
	--jp-page-bg: #000000;
	--jp-surface-a: #000000;
	--jp-surface-b: #1a1a1a;
	--jp-sidebar-bg: #000000;
	--jp-sidebar-border: rgba(235, 235, 235, 0.2);
	--jp-sidebar-text: #818181;
	--jp-divider: #333333;
	--jp-input-bg: #3b3b3b;
	--jp-input-border: #3b3b3b;
	--jp-input-text: #818181;
	--jp-progress-track: #565656;
	--jp-progress-bar: #8f8f8f;
	--jp-panel-bg: #2d2d2d;
	--jp-panel-border: #2d2d2d;
	--jp-lightbox-bg: #3f3f3f;
	--jp-lightbox-overlay: rgba(0, 0, 0, 0.8);
	--jp-lightbox-close-bg: #3f3f3f;
}

body[data-scheme="dark_gray"] {
	--jp-accent: #ee6817;
	--jp-text: #aaaaaa;
	--jp-link-hover: #ee6817;
	--jp-ink: #aaaaaa;
	--jp-page-bg: #434242;
	--jp-surface-a: #434242;
	--jp-surface-b: #4f4f4f;
	--jp-sidebar-bg: #000000;
	--jp-sidebar-border: rgba(235, 235, 235, 0.1);
	--jp-sidebar-text: #aaaaaa;
	--jp-divider: #5c5c5c;
	--jp-input-bg: #3b3b3b;
	--jp-input-border: #3b3b3b;
	--jp-input-text: #aaaaaa;
	--jp-progress-track: #3b3b3b;
	--jp-progress-bar: #767676;
	--jp-panel-bg: #2d2d2d;
	--jp-panel-border: #2d2d2d;
	--jp-lightbox-bg: #3f3f3f;
	--jp-lightbox-overlay: rgba(0, 0, 0, 0.8);
	--jp-lightbox-close-bg: #3f3f3f;
}

body[data-scheme="violet"] {
	--jp-accent: #bead74;
	--jp-text: #bbb2c2;
	--jp-link-hover: #bead74;
	--jp-ink: #bbb2c2;
	--jp-page-bg: #4e3e5c;
	--jp-surface-a: #4e3e5c;
	--jp-surface-b: #574666;
	--jp-sidebar-bg: #3f314b;
	--jp-sidebar-border: rgba(235, 235, 235, 0.1);
	--jp-sidebar-text: #bbb2c2;
	--jp-divider: #69557a;
	--jp-input-bg: #473854;
	--jp-input-border: #473854;
	--jp-input-text: #b6b0c2;
	--jp-progress-track: #3d3446;
	--jp-progress-bar: #7e6991;
	--jp-panel-bg: #352940;
	--jp-panel-border: #352940;
	--jp-lightbox-bg: #3f3f3f;
	--jp-lightbox-overlay: rgba(0, 0, 0, 0.8);
	--jp-lightbox-close-bg: #3f3f3f;
}