@use "tailwindcss";
@use "sass:color";
@use "../../../reset";
@use "page-loader";
@use "header";
@use "nav";
@use "error";
@use "components";
@use "body";
@use "plugin";
@use "modal";

body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

body.admin-color-fresh .hulk-settings {
	--wp-admin-theme-color: #007cba;
	--wp-admin-theme-color-darker-10: #006ba1;
	--wp-admin-theme-color-darker-20: #005a87;
	--hulk-settings-primary-color: var(--wp-admin-theme-color);
}

body.admin-color-modern .hulk-settings {
	--wp-admin-theme-color: #3858e9;
	--wp-admin-theme-color-darker-10: #2145e6;
	--wp-admin-theme-color-darker-20: #183ad6;
	--hulk-settings-primary-color: var(--wp-admin-theme-color);
}

.hulk-settings {
	--hulk-settings-text-color: #1e1e1e;
	--hulk-settings-border-color: #949494;
}

.hulk-settings-wrap {
	box-sizing: border-box;
	margin: 0 0 0 -20px;

	* {
		box-sizing: border-box;
	}

	a {
		color: var(--hulk-settings-primary-color);

		&:focus {
			box-shadow: 0 0 0 2px var(--hulk-settings-primary-color);
		}
	}
}

.components-tooltip {
	max-width: 400px;
}