/*
 * Template: Pixel
 * Description: Blocky, Minecraft-inspired: pixel font, chunky beveled borders, stepped motion.
 *
 * See eureka-templates/classic/style.css for the full list of settings and parts.
 * Font: Pixelify Sans (SIL Open Font License 1.1), bundled in this folder, see FONT-LICENSE.txt.
 */

.eureka-theme-pixel {
	--eureka-font: var(--font-MCTOT-Regular);
	--eureka-height: 54px;

	/* Bar: grass green (light) / stone gray (dark) */
	--eureka-bar-bg: light-dark(#c6c6c6, #313233);
	/* --eureka-bar-border-width: 4px; */
	--eureka-bar-border-color: light-dark(#3b5a1f, #151515);
	--eureka-bar-shadow: 0 6px 0 var(--mcui-menu-shadow), 0 10px 0 var(--mcui-menu-border);
	--eureka-bar-link: light-dark(#ffffff, #e6e6e6);
	--eureka-bar-link-hover: #ffff55;
	--eureka-bar-text-shadow: 2px 2px 0 light-dark(#2e3a1f, #000000);
	--eureka-bar-font-size: 18px;

	/* Text */
	--eureka-link: light-dark(#3a3a3a, #e0e0e0);
	--eureka-link-hover: light-dark(#000000, #ffff55);
	--eureka-text-muted: light-dark(#555555, #a8a8a8);
	--eureka-text-muted-hover: light-dark(#222222, #dddddd);
	--eureka-heading: light-dark(#6b6b6b, #8b8b8b);
	--eureka-icon-light-hover: light-dark(#777777, #999999);
	--eureka-title-transform: none;
	--eureka-title-spacing: 0.02em;

	/* Panels: gray "inventory" box with a dark outline and a 3D bevel */
	--eureka-bg: light-dark(#c6c6c6, #313131);
	--eureka-alt-bg: light-dark(#b3b3b3, #262626);
	--eureka-border-color: light-dark(#1e1e1e, #0a0a0a);
	--eureka-panel-border-width: 4px;
	--eureka-panel-inset: inset 4px 4px 0 light-dark(#ffffff, #5a5a5a), inset -4px -4px 0 light-dark(#555555, #1a1a1a);
	--eureka-shadow-color: light-dark(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.6));
	--eureka-shadow: 6px 6px 0 var(--eureka-shadow-color);
	--eureka-radius: 0;
	--eureka-arrow-display: none;
	--eureka-badge-text: light-dark(#ffffff, #000000);
	--eureka-badge-radius: 0;

	/* Motion: choppy, 4 steps */
	--eureka-duration: 0.24s;
	/* --eureka-easing: steps(4, end); */
}