@font-face {
	font-family: "Iosevka Slab";
	src: url("fonts/SGr-IosevkaSlab-Regular.ttc");
}

.root {
	-fx-background-color: #000000;
	-fx-font-family: "Iosevka Slab", serif;
	-fx-font-size: 1.7em;
	-fx-focus-color: #aaaaaa;
}

.vbox,
.grid-pane,
.text-flow {
	-fx-background-color: transparent;
}

.text,
.label {
	-fx-fill: #e0e0e0;
	-fx-text-fill: #e0e0e0;
}

.scroll-pane {
	-fx-background-color: #000000;
	-fx-background-radius: 0;
	-fx-border-width: 0;
}

.scroll-pane > .viewport {
	-fx-background-color: #000000;
}

.button {
	-fx-background-color: #222222;
	-fx-text-fill: #e0e0e0;
	-fx-border-color: #555555;
	-fx-border-width: 1px;
	-fx-background-radius: 0;
	-fx-border-radius: 0;
	-fx-padding: 6px 12px;
}

.enter-button {
	-fx-background-color: #14262b !important;
}

.press-button {
	-fx-background-color: #14182b !important;
}

.slay-button {
	-fx-background-color: #2b1416 !important;
}

.take-button {
	-fx-background-color: #1e142b !important;
}

.button:hover {
	-fx-background-color: #333333;
	-fx-border-color: #777777;
	-fx-text-fill: #ffffff;
}

.button:focused {
	-fx-border-color: #e0e0e0;
	-fx-border-width: 1px;
}

.button:pressed {
	-fx-background-color: #111111;
}

.scroll-bar {
	-fx-background-color: #000000;
}

.scroll-bar .increment-button,
.scroll-bar .decrement-button {
	-fx-background-color: #000000;
	-fx-background-radius: 0;
	-fx-padding: 0;
}

.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow {
	-fx-shape: "";
	-fx-padding: 0;
}

.scroll-bar:vertical .track,
.scroll-bar:horizontal .track {
	-fx-background-color: #000000;
	-fx-border-color: #000000;
	-fx-background-radius: 0;
	-fx-border-radius: 0;
}

.scroll-bar .thumb {
	-fx-background-color: #333333;
	-fx-background-radius: 0;
}

.scroll-bar .thumb:hover {
	-fx-background-color: #555555;
}

.inventory-item {
	/* Base style: No background, no border, transparent */
	-fx-background-color: transparent;
	-fx-border-color: transparent;
	-fx-border-width: 1px; /* Keep border-width for smooth hover transition */
	-fx-background-radius: 0;
	-fx-border-radius: 0;
	-fx-padding: 6px 12px; /* Inherit or define padding */
}

.inventory-item:hover {
	/* Hover state: Opaque border (select box) */
	-fx-background-color: transparent; /* No background change */
	-fx-border-color: #e0e0e0; /* Opaque white/light-gray border */
	-fx-text-fill: #ffffff; /* Slightly brighter text */
}

.inventory-item:focused {
	/* Focused state: Retain a visible focus indicator */
	-fx-border-color: #aaaaaa; /* A clear, visible focus color */
	-fx-border-width: 1px;
	-fx-background-color: transparent;
}

.inventory-item:pressed {
	/* Pressed state: Slight visual feedback */
	-fx-background-color: rgba(224, 224, 224, 0.1); /* Very subtle dark overlay */
	-fx-border-color: #e0e0e0;
}

.weapon,
.button.weapon:disabled,
.weapon:disabled,
.button.weapon:disabled .text {
	-fx-text-fill: #ff5555 !important;
	-fx-fill: #ff5555 !important;
	-fx-opacity: 1 !important;
}

.button:hover { -fx-cursor: hand; }

.button:disabled,
.button:disabled:hover {
	-fx-cursor: default;
}