@use 'exports' as *;

.tag {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&.mod-S {
			@include S;
		}

		&.mod-L {
			@include L;
		}

		// .mod-clickable is deprecated
		&:is(a, button),
		&.mod-clickable {
			@include clickable;
		}

		&.mod-outlined {
			@include outlined;
		}

		&.mod-AI {
			@include AI;
		}

		&.mod-disabled {
			@include disabled;
		}

		&:has(.tag-content:focus-visible) {
			@include focusVisible;
		}
	}
}