// Style everything with border box turned on
#jetpack-inspect * {
	box-sizing: border-box;
}

// Override WordPress component styles
.jetpack-inspect {
	--wp-admin-theme-color: var(--jetpack_green_50);
	--wp-admin-theme-link-color: var(--gray_90);
	--wp-admin-theme-color-darker-10: var(--jetpack_green_60);
	--wp-admin-theme-color-darker-20: var(--jetpack_green_70);

	a {
		color: var(--wp-admin-theme-link-color);
	}

	.components-button.is-primary {
		background-color: var(--jetpack_green);
		border-radius: var(--border-radius);
		font-weight: 600;
		margin-bottom: 1.5rem;
	}

	.components-button.is-link {
		color: var(--wp-admin-theme-link-color);
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		color: var(--primary-black);
		line-height: 1.3;
		font-weight: 500;
	}

	h2 {
		font-size: 36px;
		line-height: 1.1;
	}

	h3 {
		font-size: 24px;
	}

	p {
		color: var(--gray_80);
	}

	button.secondary,
	a.button-secondary {
		color: var(--primary-black);
		background: none;
		border: 1px solid var(--primary-black);
		padding: 8px 24px;
		border-radius: 3px;
		font-weight: 600;
		cursor: pointer;
		font-size: 16px;
		line-height: 24px;

		&:hover {
			background: var(--gray_0);
			border-color: var(--primary-black);
			color: var(--primary-black);
		}
	}
}

// Reset WP-Admin styles for boost dashboard
.jetpack_page_jetpack-inspect #wpcontent {
	padding-left: 0;
	min-height: 100vh;
}

