@use "./mixins/foundry" as *;
@use "./vars.scss" as *;

@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap');

// Reset the parts of Foundry's styling which gets in the way of what I want
.dotdungeon > .window-content {
	h2, h3, h4, h5, h6 {
		@include fvtt_reset;
		display: block;
		font-family: $title-font;
		margin: 0;
	}

	button, button:hover {
		@include fvtt_reset;
		font-family: inherit;
		cursor: pointer;
	}

	select, select:hover {
		cursor: pointer;
	}
}

// Styling that doesn't belong to any particular part of my sheet
.dotdungeon {
	container-type: size;

	> .window-content {
		padding: 0;
		background: $background;
	}
}

@import "./sheets/partials/stat.scss";
@import "./sheets/partials/skill.scss";

@import "./sheets/actor/mvp.scss";