/* Themes */
@use "./themes/material.css";
@use "./themes/dark.css";

/* Element-Styling */
@use "./elements/utilities.scss";
@use "./elements/button.scss";
@use "./elements/select.scss";
@use "./elements/text-input.scss";
@use "./elements/number-input.scss";
@use "./elements/textarea.scss";
@use "./elements/headers.scss";
@use "./elements/hr.scss";
@use "./elements/icons.scss";
@use "./elements/nav.scss";
@use "./elements/panel.scss";
@use "./elements/label.scss";

/* Sheet Layouts */
@use "./layouts/datasheet.scss";
@use "./layouts/items/untyped/v2.scss";

/* Sheet Options */
.dotdungeon.style-v3 {
	--scrollbar-width: 5px;
	--scrollbar-handle-color: #782e22;
	--scrollbar-handle-border-color: var(--color-border-highlight);
	--color-checkbox-checked: inherit;
	::-webkit-scrollbar {
		width: var(--scrollbar-width);
	}
	::-webkit-scrollbar-thumb {
		background: var(--scrollbar-handle-color);
		border-color: var(--scrollbar-handle-border-color);
		border-radius: 5px;
	}

	container-type: size;

	> .window-content {
		padding: 0;
		background: var(--sheet);
		color: var(--on-sheet);

		.debug-data {
			opacity: 60%;
			font-family: sans-serif;
			word-break: break-all;
		}
	}
}